:root{--heaven:#fbf6ff;--cloud:#efe7fb;--ink:#3d2b4f;--ink-soft:#7b6c8c;--kyururin:#ff67ab;--dream:#8e84ff;--halo:#f3c969;--line:#e7dcf5;--card:#fff;--shadow:0 14px 36px -18px #62408c6b;--shadow-soft:0 8px 22px -14px #62408c66;--radius:22px;--maxw:640px;--canvas:var(--heaven);--surface:var(--heaven);--surface-raised:var(--card);--muted:var(--ink-soft);--border:var(--line);--border-strong:#cdbce1;--action:var(--kyururin);--focus:var(--dream);--radius-sm:14px;--radius-md:var(--radius);--radius-lg:var(--radius);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-optical-sizing:auto;font-family:Zen Kaku Gothic New,Yu Gothic,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);min-width:320px;color:var(--ink);-webkit-text-size-adjust:100%}body{background:var(--canvas);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-width:320px;min-height:100vh;margin:0;line-height:1.75}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}.app-shell{width:100%;max-width:var(--maxw);background:0 0;min-height:100svh;margin:0 auto}.screen{width:100%;min-height:100svh;padding:20px}#home-screen{flex-direction:column;display:flex}.home-content{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-height:calc(100svh - 126px);box-shadow:var(--shadow);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:44px 24px;display:flex;position:relative;overflow:hidden}.home-content:before,.home-content:after{color:var(--line);pointer-events:none;font-family:Zen Maru Gothic,sans-serif;line-height:1;position:absolute}.home-content:before{content:"✦";font-size:1.15rem;top:26px;right:30px}.home-content:after{content:"♥";font-size:.82rem;bottom:30px;left:30px}.home-content>*{z-index:1;position:relative}.eyebrow,.result-kicker,.match-kicker{color:var(--ink-soft);letter-spacing:.08em;margin:0;font-family:Zen Maru Gothic,sans-serif;font-size:.78rem;font-weight:700}.eyebrow{color:#c53c84;background:#ffe6f2;border:1px solid #ffd3e7;border-radius:999px;padding:6px 13px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--ink);font-family:Zen Maru Gothic,sans-serif;line-height:1.4}#home-title{letter-spacing:-.045em;text-wrap:balance;margin:22px 0 12px;font-size:clamp(2.05rem,10.2vw,3.15rem)}.home-lead{color:var(--ink-soft);margin:0;font-size:clamp(1rem,4.5vw,1.14rem);font-weight:500}.home-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,480px);margin-top:26px;display:grid}.home-gallery img{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--cloud);width:100%;height:auto;box-shadow:var(--shadow-soft);object-fit:cover;display:block}.primary-button,.secondary-button,.x-profile-link{text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:56px;font-family:Zen Maru Gothic,sans-serif;font-weight:700;text-decoration:none;transition:transform .14s cubic-bezier(.2,.8,.2,1),border-color .14s,background-color .14s,box-shadow .14s;display:inline-flex}.primary-button{border:1px solid var(--kyururin);background:var(--kyururin);color:#fff;text-shadow:0 1px 1px #622a5257;box-shadow:0 12px 24px -14px #c53c84b8}#start-button{gap:10px;width:min(100%,310px);margin-top:28px}.button-arrow{font-size:1.08em;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:inline-block}#start-button:hover .button-arrow{transform:translate(3px)}.primary-button:hover{background:#ef4d99;border-color:#ef4d99}.primary-button:active,.secondary-button:active,.choice-button:active{transition-duration:60ms;transform:scale(.975)}.disclaimer{max-width:390px;color:var(--muted);text-align:center;margin:20px auto 0;font-size:.72rem;line-height:1.65}#question-screen{flex-direction:column;display:flex}.question-header{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-soft);padding:16px 18px 18px}.question-meta{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.section-heading{gap:0;display:grid}.section-label{color:var(--ink-soft);letter-spacing:.12em;margin:0;font-family:Fredoka,sans-serif;font-size:.66rem;font-weight:600;line-height:1.2}.section-heading strong{color:var(--ink);font-family:Zen Maru Gothic,sans-serif;font-size:.9rem;line-height:1.35}.progress-label{color:var(--ink-soft);letter-spacing:.04em;margin:0;font-family:Fredoka,sans-serif;font-size:.82rem;font-weight:600}.progress-track{background:var(--cloud);border-radius:999px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--kyururin);width:5%;height:100%;transition:width .22s ease-out;display:block}.question-panel{opacity:1;will-change:opacity, transform;flex:1;padding:clamp(30px,6vh,54px) 0 22px;transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);transform:translateY(0)}.question-panel.is-leaving,.question-panel.is-entering{opacity:0}.question-panel.is-leaving{transform:translateY(-5px)}.question-panel.is-entering{transform:translateY(6px)}#question-heading{letter-spacing:-.02em;text-wrap:balance;max-width:560px;margin:0 0 30px;font-size:clamp(1.34rem,6.3vw,1.72rem)}.choices{gap:12px;display:grid}.choice-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);width:100%;min-height:64px;box-shadow:var(--shadow-soft);text-align:left;cursor:pointer;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:13px 16px;font-size:.94rem;font-weight:500;line-height:1.55;transition:transform .12s cubic-bezier(.2,.8,.2,1),border-color .14s,background-color .14s,box-shadow .14s;display:grid}.choice-button:hover{box-shadow:var(--shadow);border-color:#cdbce1}.choice-button.is-previous-answer{border-color:var(--kyururin);background:#fff4f9}.choice-button.is-selected{border-color:var(--kyururin);color:var(--ink);background:#fff0f7;transform:scale(.985);box-shadow:0 10px 24px -16px #c53c84ad}.choice-number{color:#c53c84;opacity:1;background:#ffe6f2;border:1px solid #ffd3e7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:700;display:inline-flex}.choice-button.is-selected .choice-number,.choice-button.is-previous-answer .choice-number{border-color:var(--kyururin);background:var(--kyururin);color:#fff}.back-button{z-index:2;bottom:calc(12px + env(safe-area-inset-bottom));min-width:160px;min-height:48px;box-shadow:var(--shadow-soft);color:var(--ink-soft);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);cursor:pointer;background:#fbf6ffe0;border:1px solid #cdbce1c7;border-radius:999px;align-self:center;margin-top:12px;padding:10px 18px;font-family:Zen Maru Gothic,sans-serif;font-size:.86rem;font-weight:700;transition:transform .12s cubic-bezier(.2,.8,.2,1),border-color .14s,background-color .14s;position:sticky}.back-button:disabled{visibility:hidden}.result-screen{padding-top:28px;padding-bottom:32px}.result-intro{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-soft);text-align:center;padding:24px 20px 26px}.result-heading{width:fit-content;margin:0 auto 20px}.result-heading .section-label,.result-heading strong{text-align:center}#result-title{letter-spacing:-.04em;text-wrap:balance;margin:8px 0 0;font-size:clamp(1.9rem,9vw,2.75rem)}.match-section{margin-top:32px}.match-label{text-align:center;margin-bottom:4px}.match-kicker{text-align:center;margin-bottom:14px}.member-card{border:2px solid var(--member-color);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:center;padding:30px 22px 28px;position:relative;overflow:hidden}.member-card:before{background:var(--member-color);content:"";height:7px;position:absolute;inset:0 0 auto}.member-gallery{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;height:clamp(240px,82vw,380px);margin:2px 0 24px;display:grid}.member-photo{border:1px solid color-mix(in srgb, var(--member-color) 28%, var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--member-color) 8%, white);object-fit:cover;object-position:center 30%;width:100%;min-width:0;height:100%;display:block}.member-photo-main{object-position:center 24%;grid-row:1/3}.member-accent{background:var(--member-color);border-radius:999px;width:52px;height:4px;margin:0 auto 18px;display:block}.member-name{letter-spacing:-.035em;margin:0 0 6px;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(1.75rem,9vw,2.45rem);font-weight:700;line-height:1.35}.member-catch{color:var(--ink-soft);text-wrap:balance;margin:0 auto;font-size:.98rem;font-weight:500;line-height:1.75}.result-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-soft);margin-top:24px;padding:24px}.result-block-heading{border-left:4px solid var(--member-color);gap:2px;margin-bottom:18px;padding-left:13px;display:grid}.result-block-heading h2{margin:0;font-size:1.18rem}.result-block>p{color:var(--ink);margin:0;font-size:.95rem;line-height:1.95}.point-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.point-list li{padding-left:24px;font-size:.93rem;line-height:1.75;position:relative}.point-list li:before{background:var(--member-color);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:3px}.gap-box{border:1px solid color-mix(in srgb, var(--member-color) 45%, var(--border));background:color-mix(in srgb, var(--member-color) 6%, white);border-radius:18px;margin-top:24px;padding:20px}.gap-box h3{margin:2px 0 8px;font-size:.82rem}.gap-box p{color:var(--ink);margin:0;font-size:.91rem;line-height:1.75}.compatibility-list{gap:20px;margin:0;padding:0;list-style:none;display:grid}.compatibility-row{opacity:.72}.compatibility-row.is-winner{opacity:1}.compatibility-label{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:.87rem;display:flex}.compatibility-label>span{min-width:0;font-weight:700}.compatibility-label strong{flex:none;font-family:Fredoka,sans-serif;font-size:.95rem}.top-label{background:var(--cloud);color:var(--ink);vertical-align:2px;border:1px solid;border-radius:999px;margin-left:8px;padding:2px 7px;font-family:Zen Maru Gothic,sans-serif;font-size:.64rem;font-weight:700;display:inline-block}.compatibility-track{background:var(--cloud);border-radius:999px;height:9px;overflow:hidden}.compatibility-track span{border-radius:inherit;min-width:0;height:100%;display:block}.x-profile-link{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);box-shadow:var(--shadow-soft);margin-top:36px;font-size:.91rem}.x-profile-link span{margin-left:7px}.result-actions{gap:12px;margin-top:28px;display:grid}.share-button{width:100%}.secondary-button{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);box-shadow:var(--shadow-soft)}.secondary-button:hover,.x-profile-link:hover{border-color:var(--dream)}.result-disclaimer{margin-top:40px}.result-reveal{opacity:0;will-change:opacity, transform;transition:opacity .26s cubic-bezier(.2,.8,.2,1),transform .26s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}.result-reveal-later{transition-delay:.19s}#result-content.is-visible .result-reveal{opacity:1;transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=600px){.screen{padding:32px}#question-heading{line-break:strict;word-break:auto-phrase}.home-content{min-height:calc(100svh - 150px);padding-left:48px;padding-right:48px}.question-header{padding-left:22px;padding-right:22px}.result-screen{padding-top:32px}}@media (width<=340px){.screen{padding-left:20px;padding-right:20px}.choice-button{padding-left:13px;padding-right:13px;font-size:.89rem}.member-card{padding-left:18px;padding-right:18px}.member-gallery{height:238px}.result-block{padding:20px}.top-label{width:fit-content;margin:4px 0 0;display:block}}@media (prefers-reduced-motion:reduce){.progress-fill,.button-arrow{transition:none}.primary-button,.secondary-button,.x-profile-link,.choice-button,.back-button{transition-property:background-color,border-color,box-shadow}.primary-button:active,.secondary-button:active,.choice-button:active,.choice-button.is-selected{transform:none}.question-panel,.result-reveal{transition:opacity .12s linear;transform:none}.result-reveal-later{transition-delay:80ms}}@media (prefers-reduced-transparency:reduce){.back-button{background:var(--heaven);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--ink-soft:#564663;--muted:var(--ink-soft);--line:#8f7aa5;--border:var(--line);--border-strong:#685477}.choice-button,.back-button,.x-profile-link,.secondary-button{box-shadow:none}.primary-button{border-color:var(--ink);background:var(--ink);text-shadow:none}}.result-intro{position:relative;overflow:hidden}.result-intro:before,.result-intro:after{color:var(--line);pointer-events:none;font-family:Zen Maru Gothic,sans-serif;line-height:1;position:absolute}.result-intro:before{content:"✦";font-size:1.05rem;top:20px;right:24px}.result-intro:after{content:"♥";font-size:.78rem;bottom:22px;left:24px}#result-title:after{background:var(--member-color,var(--kyururin));content:"";border-radius:999px;width:58px;height:5px;margin:16px auto 0;display:block}.result-reveal-late{transition-delay:.38s}.compatibility-track span{width:0;transition:width .7s cubic-bezier(.2,.8,.2,1) .48s}#result-content.is-visible .compatibility-track span{width:var(--target,0%)}.compatibility-row.is-winner .compatibility-label{font-size:.93rem}.compatibility-row.is-winner .compatibility-label strong{color:var(--member-color,var(--ink));font-size:1.14rem}.share-button{color:#fff;text-shadow:none;background:#0f1419;border-color:#0f1419;box-shadow:0 12px 24px -14px #0f141999}.share-button:hover{background:#000;border-color:#000}.share-x-badge{color:#0f1419;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;margin-right:9px;font-family:Fredoka,sans-serif;font-size:.82rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.compatibility-track span{transition:none}.result-reveal-late{transition-delay:80ms}}@media (prefers-contrast:more){.share-button{background:#000;border-color:#000}}