:root{--paper:#fbf6ee;--deep:#f4ebdf;--surface:#fff;--veil:#e7dacb;--ink:#382f35;--muted:#6e6167;--faint:#736970;--gold:#8f6419;--gold-lt:#8c5f1e;--violet:#8a6f98;--jade:#6fa889;--denim:#6d95b4;--marigold:#d5ae54;--rose:#c0708a;--shadow:#382f351f;--font-jp:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", system-ui, sans-serif;--font-en:"Nunito", "Zen Maru Gothic", system-ui, sans-serif;font-family:var(--font-jp);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(1100px 620px at 78% -8%, #f6e5c766 0%, transparent 62%), radial-gradient(900px 700px at 12% 108%, #6fa8891f 0%, transparent 60%), var(--paper);background-attachment:fixed;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}em{font-style:normal}.sky{display:none}main{z-index:1;position:relative}.label-center{letter-spacing:.1em;color:var(--gold);text-align:center;margin:0 0 10px;font-size:13px}h1,h2,h3{letter-spacing:.01em;font-weight:600}nav,header{justify-content:space-between;align-items:center;height:78px;padding:0 clamp(20px,5vw,80px);display:flex}.logo{letter-spacing:.08em;color:var(--gold-lt);font-size:17px;font-weight:600}.nav-link{color:var(--muted);font-size:14px}.nav-link:hover{color:var(--gold-lt)}.hero{text-align:center;max-width:720px;margin:auto;padding:56px clamp(20px,5vw,40px) 84px}.hero h1,.screen h1{margin:0 0 26px;font-size:clamp(38px,5.4vw,66px);font-weight:600;line-height:1.42}.hero h1 em{color:var(--gold-lt)}.lead{color:var(--muted);margin:0 0 34px;font-size:15px;line-height:2.1}.primary{color:#3a2e16;background:linear-gradient(135deg, #efd899, var(--marigold));letter-spacing:.06em;border-radius:100px;padding:17px 30px;font-weight:700;transition:all .25s;box-shadow:0 8px 22px #d5ae5459}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #d5ae5477}.primary span{margin-left:18px}.hero small,.paywall small{color:var(--faint);margin-top:18px;font-size:12px;line-height:1.9;display:block}.lineup-grid{grid-template-columns:repeat(6,1fr);gap:14px;max-width:1000px;margin:0 auto 40px;display:grid}.lineup-card{background:linear-gradient(170deg, var(--animal), color-mix(in srgb, var(--animal) 26%, #fff));box-shadow:0 10px 24px var(--shadow);border:1px solid #fffc;border-radius:16px;margin:0;padding:16px 8px 18px}.lineup-card img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 9px #382f3526);width:100%}.lineup-card h3{color:var(--ink);letter-spacing:.02em;margin:8px 0 3px;font-size:14px}.lineup-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.forwho small{color:var(--faint);margin-top:20px;font-size:12px;display:block}.type-card{text-align:center;background:linear-gradient(170deg, var(--g), color-mix(in srgb, var(--g) 26%, #fff));width:190px;box-shadow:0 14px 34px var(--shadow);border:1px solid #fffc;border-radius:20px;margin:0;padding:20px 16px 22px}.medallion{background:#ffffffb8;border:1px solid #ffffffe6;border-radius:50%;place-items:center;width:108px;height:108px;margin:0 auto 12px;display:grid;position:relative;overflow:hidden}.medallion img{object-fit:contain;width:152%;height:152%;position:absolute;top:1%;left:-25%}.medallion .emoji{font-size:52px;line-height:1}.type-card .code,.lineup-card .code{font-family:var(--font-en);letter-spacing:.16em;color:var(--muted);margin:0 0 2px;font-size:15px;font-weight:700}.type-card h3{color:var(--ink);letter-spacing:.02em;margin:0 0 4px;font-size:17px}.type-card .catch,.lineup-card .catch{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.type-card figcaption{letter-spacing:.1em;color:var(--gold-lt);background:#ffffffd9;border:1px solid #c08a2e59;border-radius:100px;margin-top:12px;padding:5px 12px;font-size:11px;display:inline-block}.report{max-width:800px}.report-head{text-align:center;margin-bottom:34px}.report-head h1{margin:0;font-size:clamp(24px,3.6vw,36px)}.panel{background:var(--surface);border:1px solid var(--veil);border-radius:20px;margin-bottom:18px;padding:30px}.panel>h2{border-bottom:1px solid var(--veil);margin:0 0 20px;padding-bottom:12px;font-size:19px}.panel h3.sub{color:var(--gold);letter-spacing:.08em;margin:28px 0 14px;font-size:14px}.person{border-left:3px solid var(--g)}.person-head{grid-template-columns:190px 1fr;align-items:start;gap:26px;display:grid}.person-head h2{margin:8px 0 4px;font-size:22px;line-height:1.5}.person-head .catch{color:var(--gold-lt);margin:0 0 14px;font-size:14px}.person-head .body{color:var(--muted);margin:0;font-size:14px;line-height:2.05}.group-badge{letter-spacing:.12em;background:color-mix(in srgb, var(--g) 20%, #fff);border:1px solid color-mix(in srgb, var(--g) 55%, #fff);color:var(--ink);border-radius:100px;padding:5px 12px;font-size:11px;display:inline-block}.axes{gap:18px;display:grid}.axis-head{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.axis-note{color:var(--faint);letter-spacing:.08em;font-size:12px}.axis-head b{color:var(--ink);font-size:14px;font-weight:600}.axis-track{background:var(--deep);border:1px solid var(--veil);border-radius:10px;height:6px;position:relative}.axis-mid{background:#382f3526;width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.axis-dot{background:var(--marigold);border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #d5ae5480}.axis-ends{color:var(--faint);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.clarity{color:var(--muted);margin:18px 0 24px;font-size:12px;line-height:1.9}.clarity b{font-family:var(--font-en);color:var(--gold-lt);margin:0 4px;font-size:18px}.clarity span{color:var(--faint)}.two-up{grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 18px;display:grid}.callout{border:1px solid var(--veil);background:var(--deep);border-radius:14px;padding:18px}.callout p{letter-spacing:.1em;margin:0 0 8px;font-size:12px}.callout small{color:var(--muted);font-size:13px;line-height:1.9;display:block}.callout.good{background:#6fa88914;border-color:#6fa88980}.callout.good p{color:#3f7a5e}.callout.care{background:#d5ae5417;border-color:#d5ae5480}.callout.care p{color:#8c5f1e}.total{text-align:center;margin-bottom:26px}.total b{font-family:var(--font-en);color:var(--gold-lt);font-size:76px;font-weight:800;line-height:1.1}.total span{font-family:var(--font-en);color:var(--faint);font-size:18px}.total p{margin:4px 0 0;font-size:17px}.breakdown{border-collapse:collapse;width:100%;margin-bottom:20px}.breakdown tr{border-bottom:1px solid var(--veil)}.breakdown tr:last-child{border-bottom:0}.breakdown th{text-align:left;white-space:nowrap;color:var(--ink);padding:14px 10px 14px 0;font-size:13px;font-weight:400}.breakdown .num{font-family:var(--font-en);color:var(--gold-lt);text-align:right;padding:0 12px 0 0;font-size:22px}.breakdown .bar{width:26%;padding-right:14px}.breakdown .bar i{background:linear-gradient(90deg, var(--violet), var(--marigold));border-radius:10px;height:5px;display:block}.breakdown .note{color:var(--muted);padding:12px 0;font-size:12px;line-height:1.8}.panel.action h3{margin:0 0 12px;font-size:18px;line-height:1.85}.panel.action small{color:var(--muted);font-size:13px;line-height:1.9}.place{background:linear-gradient(150deg,#eef4f9,#fff);border:1px solid #6d95b444;border-radius:16px;margin-top:4px;padding:22px}.place>p{letter-spacing:.1em;color:#4a7ba3;margin:0 0 8px;font-size:12px}.place h3{margin:0 0 10px;font-size:17px;line-height:1.7}.place small{color:var(--muted);font-size:13px;line-height:1.9;display:block}.disclaimer{color:var(--faint);text-align:center;margin:28px 0 0;font-size:11px;line-height:1.9}.benefits{text-align:left;gap:10px;max-width:470px;margin:44px auto 0;padding:0;list-style:none;display:grid}.benefits li{background:var(--surface);border:1px solid var(--veil);color:var(--muted);border-radius:12px;padding:15px 18px 15px 44px;font-size:14px;line-height:1.8;position:relative}.benefits li:before{content:"✓";color:var(--gold);position:absolute;left:18px}.benefits b{color:var(--ink);font-weight:600}.lineup{background:linear-gradient(180deg, var(--deep), #fbf6ee);border-top:1px solid var(--veil);border-bottom:1px solid var(--veil);text-align:center;padding:74px max(6vw,20px)}.lineup h2,.forwho h2{margin:0 0 12px;font-size:clamp(21px,3vw,28px);line-height:1.6}.lineup-lead{color:var(--muted);max-width:520px;margin:0 auto 40px;font-size:14px;line-height:2}.group-block{text-align:left;max-width:960px;margin:0 auto 34px}.group-title{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.group-title p{color:var(--muted);margin:0;font-size:13px}.lineup-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lineup-card{text-align:center;background:linear-gradient(170deg, var(--g), color-mix(in srgb, var(--g) 24%, #fff));box-shadow:0 10px 24px var(--shadow);border:1px solid #fffc;border-radius:16px;margin:0;padding:16px 10px 18px}.lineup-card .medallion{width:78px;height:78px;margin-bottom:10px}.lineup-card .medallion .emoji{font-size:38px}.lineup-card h3{color:var(--ink);margin:3px 0;font-size:13px}.lineup-card .code{font-size:13px}.forwho{text-align:center;max-width:640px;margin:auto;padding:74px 24px 90px}.forwho ul{text-align:left;gap:9px;max-width:460px;margin:0 auto 30px;padding:0;list-style:none;display:grid}.forwho li{border-left:2px solid var(--gold);color:var(--ink);padding:4px 0 4px 16px;font-size:15px;line-height:1.8}.forwho p{color:var(--muted);margin:0 0 32px;font-size:14px;line-height:2.1}.forwho small{color:var(--faint);margin-top:20px;font-size:12px;line-height:1.9;display:block}footer{color:var(--faint);justify-content:space-between;padding:30px 7vw;font-size:12px;display:flex}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--gold-lt);text-decoration:underline}.flow{min-height:100vh}.flow header{border-bottom:1px solid var(--veil);z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf6eee6;position:sticky;top:0}.flow header span{letter-spacing:.18em;color:var(--gold);font-size:12px}.progress{background:var(--veil);border-radius:10px;width:min(30vw,280px);height:2px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--violet), var(--marigold));height:100%;transition:all .5s;display:block}.screen{max-width:800px;margin:auto;padding:74px 24px 110px}.screen h1{margin-bottom:16px;font-size:clamp(28px,4.2vw,46px)}.intro>p:last-child{color:var(--muted);font-size:14px;line-height:2}.relations{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:34px;display:flex}.relations button{background:var(--surface);border:1px solid var(--veil);color:var(--muted);border-radius:100px;padding:11px 20px;font-size:14px;transition:all .2s}.relations button:hover{color:var(--ink);border-color:#c08a2e80}.relations .selected{background:linear-gradient(135deg, #efd899, var(--marigold));color:#3a2e16;border-color:#0000}.profile{background:var(--surface);border:1px solid var(--veil);border-radius:18px;margin:18px 0;padding:28px}.field-grid{grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:18px;display:grid}.field{color:var(--muted);letter-spacing:.06em;gap:9px;font-size:12px;display:grid}.field input,.field select{border:1px solid var(--veil);width:100%;color:var(--ink);background:#fffdf9;border-radius:10px;padding:13px;transition:all .2s}.field input:focus,.field select:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px #c08a2e2b}.field input::placeholder{color:#b6aab0}.next{text-align:center;min-width:280px;margin:40px auto 0;display:block}.next:disabled{background:var(--surface);color:var(--faint);box-shadow:none;cursor:not-allowed;border:1px solid var(--veil);transform:none}.ghost{border:1px solid var(--veil);color:var(--muted);border-radius:100px;margin:26px auto 0;padding:14px 26px;font-size:14px;transition:all .2s;display:block}.ghost:hover{border-color:var(--gold);color:var(--gold-lt)}.fork{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fork-card{text-align:left;background:var(--surface);border:1px solid var(--veil);border-radius:20px;padding:30px 26px 26px;transition:all .25s}.fork-card:hover{box-shadow:0 16px 34px var(--shadow);border-color:#c08a2e8c;transform:translateY(-4px)}.fork-card h3{margin:0 0 12px;font-size:19px;line-height:1.6}.fork-card p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:2}.fork-card em{color:var(--faint);font-size:12px;font-style:normal}.fork-card.accent{background:linear-gradient(165deg,#fdf4e2,#fff);border-color:#d5ae5466}.question-list{gap:6px;display:grid}.question{border-bottom:1px solid var(--veil);padding:22px 0 26px}.question small{letter-spacing:.06em;color:var(--gold);font-size:12px}.question h3{margin:10px 0 18px;font-size:17px;font-weight:400;line-height:1.85}.question h3 em{color:var(--gold-lt);font-weight:600}.scale{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.scale button{background:var(--surface);border:1px solid var(--veil);color:var(--muted);border-radius:9px;padding:12px 5px;font-size:11px;line-height:1.5;transition:all .18s}.scale button:hover{color:var(--ink);border-color:#c08a2e73}.scale button.active{background:linear-gradient(135deg, #efd899, var(--marigold));color:#3a2e16;border-color:#0000}.results{text-align:center;max-width:620px;margin:auto}.animals{justify-content:center;align-items:center;gap:18px;margin:26px 0 46px;display:flex}.animals>span{color:var(--gold);font-size:24px}.animals .animal-card{margin:-38px;transform:scale(.7)}.animals.solo .animal-card{margin:0;transform:scale(.92)}.solo-name{color:var(--gold-lt);margin:8px 0 4px;font-size:clamp(26px,4vw,34px)}.solo-sub{color:var(--muted);letter-spacing:.06em;margin:0 0 20px;font-size:14px}.score b{font-family:var(--font-en);letter-spacing:.01em;color:var(--gold-lt);font-size:96px;font-weight:800;line-height:1.1}.score span{color:var(--faint);font-family:var(--font-en);font-size:20px}.reading{color:var(--muted);text-align:left;margin:16px 0 0;font-size:14px;line-height:2.2}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:36px 0;display:grid}.metric-row div{background:var(--surface);border:1px solid var(--veil);border-radius:14px;padding:18px 10px}.metric-row span{color:var(--faint);letter-spacing:.1em;margin-bottom:6px;font-size:11px;display:block}.metric-row b{font-family:var(--font-en);color:var(--gold-lt);font-size:28px;font-weight:400}.action,.place{text-align:left;background:linear-gradient(150deg,#fdf4e2,#fff);border:1px solid #d5ae5459;border-radius:18px;padding:26px;position:relative;overflow:hidden}.place{background:linear-gradient(150deg,#eef4f9,#fff);border-color:#6d95b444;margin-bottom:14px}.action:after{content:"✦";color:#d5ae5424;font-size:128px;position:absolute;bottom:-34px;right:22px}.action>p,.place>p{letter-spacing:.12em;color:var(--gold);margin:0 0 10px;font-size:12px}.place>p{color:#4a7ba3}.action h3,.place h3{z-index:1;margin:0 0 14px;font-size:18px;font-weight:600;line-height:1.85;position:relative}.action small,.place small{color:var(--muted);z-index:1;font-size:13px;line-height:1.95;display:block;position:relative}.share{margin:34px 0 6px}.share-row{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:14px;display:flex}.share-btn{color:var(--ink);background:var(--surface);border:1px solid var(--veil);letter-spacing:.04em;border-radius:100px;padding:13px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s}.share-btn:hover{transform:translateY(-2px)}.share-btn.x{color:#fff;background:#191419;border-color:#0000}.share-btn.line{color:#fff;background:#06c755;border-color:#0000}.share-btn.copy{color:var(--muted);background:0 0}.subscribe{background:var(--surface);border:1px solid var(--veil);border-radius:16px;max-width:430px;margin:28px auto 0;padding:22px}.subscribe.done{color:var(--gold-lt);font-size:14px;line-height:1.9}.subscribe-row{gap:8px;margin:12px 0 8px;display:flex}.subscribe-row input{border:1px solid var(--veil);color:var(--ink);background:#fffdf9;border-radius:10px;flex:1;padding:13px}.subscribe small{color:var(--faint);font-size:11px}.subscribe small.err{color:var(--rose)}.total-note{color:var(--faint);text-align:center;margin:6px 0 0;font-size:12px;line-height:1.95}.panel.paywall{background:linear-gradient(160deg,#fdf4e2,#fff);border-color:#d5ae5473}.paywall-grid{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.paywall-lead{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:2}.paywall-lead b{color:var(--gold-lt);font-weight:600}.combo{letter-spacing:.06em;color:var(--faint);margin:0 0 8px;font-size:12px}.combo b{font-family:var(--font-en);letter-spacing:.1em;color:var(--gold-lt);font-size:15px;font-weight:400}.locked{margin:0 0 18px;padding:0;list-style:none}.locked-row{border-bottom:1px solid var(--veil);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.locked-row:last-child{border-bottom:0}.locked-row b{font-family:var(--font-en);color:var(--faint);letter-spacing:.1em;font-size:20px}.locked-row:before{content:"🔒";opacity:.7;margin-right:8px;font-size:12px}.locked-row span{flex:1}.paid-items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.paid-items li{color:var(--ink);padding-left:24px;font-size:13px;line-height:1.75;position:relative}.paid-items li:before{content:"＋";color:var(--gold);position:absolute;left:4px}.panel.paywall aside{background:var(--deep);border:1px solid var(--veil);border-radius:16px;padding:22px}.free-head{letter-spacing:.1em;color:#3f7a5e;margin:0 0 8px;font-size:11px}.free-items{gap:5px;margin:0 0 18px;padding:0;list-style:none;display:grid}.free-items li{color:var(--faint);padding-left:16px;font-size:11px;line-height:1.7;position:relative}.free-items li:before{content:"✓";color:#6fa889;position:absolute;left:0}.price{font-family:var(--font-en);color:var(--gold-lt);margin:0 0 16px;font-size:34px}.price small{color:var(--faint);font-size:11px;font-family:var(--font-jp);display:inline}.panel.paywall .field{margin-bottom:12px}.panel.paywall .primary{width:100%;padding:15px;font-size:14px}.panel.paywall .primary:disabled{background:var(--surface);color:var(--faint);box-shadow:none;border:1px solid var(--veil);cursor:not-allowed}.panel.paywall aside>small{color:var(--faint);margin-top:12px;font-size:11px;line-height:1.8;display:block}.panel.paywall aside a{color:var(--gold)}@media (width<=640px){.hero{padding:34px 20px 60px}.fork,.two-up,.paywall-grid{grid-template-columns:1fr}.panel.paywall aside{padding:18px}.lineup,.forwho{padding:56px 18px 64px}.lineup-grid{grid-template-columns:repeat(2,1fr);gap:9px}.lineup-card{border-radius:13px;padding:12px 6px 14px}.lineup-card .medallion{width:64px;height:64px}.lineup-card .medallion .emoji{font-size:31px}.benefits li{padding:13px 15px 13px 40px;font-size:13px}.screen{padding:48px 16px 90px}.panel{padding:22px 18px}.person-head{text-align:center;grid-template-columns:1fr;justify-items:center}.person-head .body,.person-head h2,.person-head .catch{text-align:left}.breakdown th,.breakdown .num{padding-right:8px;font-size:12px}.breakdown .num{font-size:18px}.breakdown .bar{display:none}.breakdown .note{font-size:11px}.total b{font-size:62px}.scale button{min-height:52px;padding:8px 3px;font-size:10px}footer{line-height:2.2;display:block}.flow header{height:66px}.flow header .logo{font-size:14px}.progress{width:30vw}.flow header span{font-size:11px}}.brand-logo{filter:drop-shadow(0 4px 7px #382f3526);width:clamp(190px,22vw,268px);height:auto;display:block}.brand-button{padding:0;line-height:0}.flow header .brand-logo{width:clamp(132px,16vw,190px)}.hero{max-width:1080px;margin:auto;padding:20px clamp(16px,4vw,32px) 72px}.hero-campaign{background:#f8f1e7;border:1px solid #f0e0cb;border-radius:28px;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,40px);padding:clamp(20px,3vw,36px);display:grid;box-shadow:0 20px 48px #382f351f}.hero-art{background:#fffaf2;border-radius:20px;width:100%;height:auto;display:block}.hero-main{min-width:0}.hero-copy{text-align:left;color:var(--ink)}.hero-copy h1{color:var(--ink);margin:0 0 12px;font-size:clamp(26px,3.1vw,40px);font-weight:700;line-height:1.4}.hero-sub{color:#3d6a55;margin:0 0 12px;font-size:clamp(14px,1.5vw,17px);font-weight:700;line-height:1.7}.hero-copy .lead{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.95}.entry{gap:14px;display:grid}.entry-block{border:0;min-width:0;margin:0;padding:0}.entry-block legend{color:var(--muted);margin-bottom:8px;padding:0;font-size:13px}.entry .relations{justify-content:flex-start;gap:8px;margin-bottom:0}.entry .relations button{background:var(--surface);padding:10px 16px;font-size:13px}.entry-names{grid-template-columns:1fr 1fr;gap:12px;display:grid}.entry-cta{width:100%;margin:4px 0 0}.entry-cta:disabled{color:#a2968c;box-shadow:none;cursor:not-allowed;background:#efe6d9;transform:none}.entry-sub{margin:0 auto;padding:10px 20px;font-size:13px}.value{text-align:center;max-width:940px;margin:auto;padding:8px clamp(16px,4vw,24px) 72px}.value h2,.preview h2,.dex h2,.forwho h2{margin:0 0 24px;font-size:clamp(21px,3vw,28px);line-height:1.6}.value-list{text-align:left;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.value-list li{background:var(--surface);border:1px solid var(--veil);border-radius:18px;padding:22px 20px}.value-list b{color:var(--ink);margin-bottom:8px;font-size:15px;display:block}.value-list small{color:var(--muted);font-size:13px;line-height:1.9}.preview{text-align:center;background:linear-gradient(180deg, var(--deep), #fbf6ee);border-top:1px solid var(--veil);border-bottom:1px solid var(--veil);padding:68px max(5vw,20px) 76px}.preview-lead{max-width:620px;color:var(--muted);margin:0 auto 26px;font-size:14px;line-height:2}.preview-list{text-align:left;gap:9px;max-width:620px;margin:0 auto 22px;padding:0;list-style:none;display:grid}.preview-list li{background:var(--surface);border:1px solid var(--veil);color:var(--ink);border-radius:12px;padding:14px 18px 14px 42px;font-size:14px;line-height:1.75;position:relative}.preview-list li:before{content:"＋";color:var(--gold);position:absolute;left:18px}.preview-foot{max-width:620px;color:var(--faint);margin:0 auto;font-size:12px;line-height:1.9}.dex{text-align:center;max-width:1080px;margin:auto;padding:8px clamp(16px,4vw,24px) 78px}.dex-lead{color:var(--muted);max-width:560px;margin:-12px auto 28px;font-size:14px;line-height:2}.dex-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.dex-card{text-align:center;background:linear-gradient(170deg, color-mix(in srgb, var(--g) 24%, #fff), #fff);box-shadow:0 10px 24px var(--shadow);border:1px solid #fffc;border-radius:20px;margin:0;transition:transform .2s;overflow:hidden}.dex-card:hover{transform:translateY(-4px)}.dex-art{aspect-ratio:1/.96;place-items:center;padding:14px 10px 4px;display:grid}.dex-art img{object-fit:contain;filter:drop-shadow(0 5px 9px #382f3526);width:100%;height:100%}.dex-art .emoji{font-size:clamp(46px,6vw,68px);line-height:1}.dex-card figcaption{padding:0 12px 16px}.dex-card h3{color:var(--ink);letter-spacing:.02em;margin:0 0 4px;font-size:14px}.dex-card .catch{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.landing-disclaimer{max-width:720px;color:var(--faint);text-align:center;margin:0 auto 56px;padding:0 20px;font-size:11px;line-height:1.9}.rel-note{text-align:left;border:1px solid var(--veil);border-left:3px solid var(--g,var(--gold));background:#fffdf9;border-radius:12px;margin:18px 0;padding:16px 18px}.rel-note p{letter-spacing:.08em;color:var(--gold-lt);margin:0 0 6px;font-size:12px;font-weight:700}.rel-note small{color:var(--muted);font-size:13px;line-height:1.95;display:block}.person-note{color:var(--faint);margin:10px 0 0;font-size:12px;line-height:1.8}.peek{text-align:left;border:1px solid var(--veil);background:#fffdf9;border-radius:16px;margin:18px 0 22px;padding:20px 22px 8px;position:relative;overflow:hidden}.peek-label{letter-spacing:.1em;color:var(--gold);margin:0 0 6px;font-size:11px;font-weight:700}.peek-text{color:var(--ink);margin:0 0 18px;font-size:13px;line-height:2}.peek-more{filter:blur(4.5px);opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none}.peek-more p{color:var(--ink);margin:0 0 12px;font-size:13px;line-height:2}.peek:after{content:"";background:linear-gradient(#fffdf900,#fffdf9 78%);height:130px;position:absolute;bottom:0;left:0;right:0}.peek-cut{z-index:1;text-align:center;letter-spacing:.1em;color:var(--gold-lt);margin:-14px 0 12px;font-size:12px;font-weight:700;position:relative}.compatibility-art{object-fit:contain;background:#fffdf9;border-radius:16px;width:100%;max-height:250px;margin:0 0 20px;display:block}.panel.compat .two-up{margin-top:18px}.intro{text-align:left;margin-bottom:40px}.intro h1{margin-top:0}.intro>div>p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:2}@media (width<=900px){.hero-campaign{grid-template-columns:1fr;gap:18px}.hero-art{order:-1}.hero-copy{text-align:center}.value-list{grid-template-columns:1fr}.dex-grid{grid-template-columns:repeat(3,1fr);gap:11px}}@media (width<=640px){nav{height:66px}.flow header{padding-inline:14px}.hero{padding:12px 14px 56px}.hero-campaign{border-radius:22px;padding:16px}.hero-art{border-radius:16px}.hero-copy h1{font-size:clamp(22px,6.6vw,27px)}.hero-copy .lead{margin-bottom:18px;font-size:13px;line-height:1.85}.entry-names{grid-template-columns:1fr}.value,.dex{padding-block:8px 56px}.dex-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dex-card{border-radius:16px}.dex-card .catch{display:none}.preview{padding:52px 16px 58px}.compatibility-art{max-height:170px}}.received{background:linear-gradient(150deg,#fdf3e2,#fffdf9);border:1px solid #d5ae5466;border-radius:14px;max-width:560px;margin:0 auto 24px;padding:18px 20px}.received p{color:var(--ink);margin:0;font-size:14.5px;line-height:2}.field.story{max-width:560px;margin:0 auto}.field.story textarea{background:var(--surface);border:1px solid var(--veil);color:var(--ink);font:inherit;resize:vertical;border-radius:14px;padding:16px;font-size:15px;line-height:1.95}.field.story textarea:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px #c08a2e2b}.field.story textarea::placeholder{color:#b6aab0}.story-note{max-width:560px;color:var(--faint);margin:10px auto 0;font-size:11.5px;line-height:1.9}.story-note a{color:var(--gold-lt)}.story-ack{color:#3f7a5e;background:#6fa88914;border:1px solid #6fa88980;border-radius:13px;max-width:560px;margin:16px auto 0;padding:14px 18px;font-size:13.5px;line-height:1.95}.read-more{text-align:center;color:var(--muted);margin-top:18px;font-size:13px;display:block}.read-more:hover{color:var(--gold-lt)}.helpline{background:#c0708a12;border:1px solid #c0708a66;border-radius:14px;max-width:560px;margin:18px auto 0;padding:20px}.helpline>p{color:var(--ink);margin:0 0 12px;font-size:14px;line-height:1.9}.helpline ul{color:var(--muted);gap:7px;margin:0 0 12px;padding:0;font-size:13.5px;list-style:none;display:grid}.helpline a{color:#a1516c}.helpline small{color:var(--faint);font-size:11.5px;line-height:1.9;display:block}.panel.love{border-left:3px solid var(--gold)}.love-iqeq{grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:0 auto 18px;display:grid}.love-iqeq>div{border:1px solid var(--veil);background:var(--deep);border-radius:14px;padding:16px 12px}.love-iqeq p{letter-spacing:.1em;color:var(--gold);margin:0 0 4px;font-size:12px}.love-iqeq b{font-family:var(--font-en);color:var(--ink);font-size:34px;line-height:1.2;display:block}.love-iqeq small{color:var(--faint);margin-top:4px;font-size:11px;line-height:1.7;display:block}.love-step{max-width:520px;margin:0 auto}.love-note{color:var(--faint);margin:22px 0 0;font-size:11px;line-height:1.9}.panel.wrote .wrote-body{white-space:pre-wrap;color:var(--ink);background:var(--deep);border:1px solid var(--veil);border-radius:14px;margin:0 0 14px;padding:20px;font-size:15px;line-height:2.05}.panel.wrote small{color:var(--faint);font-size:12px;line-height:1.9;display:block}.forwho li a{color:var(--ink);text-decoration:none;display:block}.forwho li a:after{content:"→";color:var(--gold);float:right;opacity:.75}.forwho li a:hover{color:var(--gold-lt)}@media (width<=640px){.love-iqeq b{font-size:28px}}