html:not([data-state=self]) .when-self,html:not([data-state=shared]) .when-shared,html[data-state=self] .when-browse,html[data-state=shared] .when-browse,html[data-state=self] .when-visitor{display:none!important}.result-card.sticker{background:var(--result);color:var(--on-result);text-align:center;margin-top:14px;padding:24px 20px 26px}@media (prefers-color-scheme:dark){.result-card.sticker{background:color-mix(in srgb, var(--result) 22%, var(--card));border-top:10px solid var(--result);color:var(--ink)}}.result-card__kicker{min-height:1.6em;font:600 .78rem/1.6 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.result-card__emoji{border:var(--border) solid var(--edge);background:var(--disc);width:168px;height:168px;box-shadow:4px 4px 0 var(--edge);border-radius:50%;place-items:center;margin:12px auto 14px;display:inline-grid}.result-card h1{font-size:clamp(2rem,9vw,3rem)}.result-card__tagline{max-width:32ch;margin:8px auto 0;font-size:1.06rem;line-height:1.45}.result-card__ask{min-height:1.6em;font:600 1.12rem/1.4 var(--font-display);margin-top:12px}html[data-state=self] .result-card{animation:.8s ease-out reveal-card}html[data-state=self] .result-card__emoji{animation:.8s ease-out reveal-emoji}html[data-state=self] .share{animation:.8s ease-out reveal-share}@keyframes reveal-card{0%{opacity:0;transform:translateY(-28px)scale(.94)}28%{opacity:1;transform:translateY(5px)scale(1.02)}42%{transform:none}}@keyframes reveal-emoji{0%,30%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.12)}72%{transform:scale(.96)}86%{transform:scale(1.03)}}@keyframes reveal-share{0%,58%{opacity:0;transform:translateY(12px)}}.result-actions{gap:12px;margin-top:22px;display:grid}.share{margin-top:18px;padding:16px}.share h2{border:0;margin:0;padding:0;font-size:1.12rem}.share__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}@media (width>=560px){.share__row{grid-template-columns:repeat(3,minmax(0,1fr))}}.share__row .btn{padding:0 10px}.share__primary{grid-column:1/-1}html:not([data-state=self]) .share__primary{background:var(--card);color:var(--ink)}.share__note{min-height:1.5em;color:var(--muted);margin-top:10px;font-size:.9rem}.breakdown.sticker{margin-top:18px;padding:16px}.breakdown h2{border:0;margin:0;padding:0;font-size:1.12rem}.breakdown__list{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.breakdown__row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.breakdown__dot{border:2px solid var(--edge);background:color-mix(in srgb, var(--result) 22%, var(--disc));border-radius:50%;grid-row:span 2;place-items:center;width:40px;height:40px;display:grid}.breakdown__name{font:600 .98rem/1.25 var(--font-display)}.breakdown__tag:not(:empty){border:1.5px solid var(--edge);background:var(--soft);font:600 .62rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;border-radius:999px;margin-left:8px;padding:1px 7px}.breakdown__row.is-top .breakdown__tag{background:var(--yellow);color:#1d1b2f}.breakdown__pct{font:600 .8rem/1 var(--font-mono);font-variant-numeric:tabular-nums}.breakdown__bar{border:2px solid var(--edge);background:var(--soft);border-radius:999px;grid-column:2/-1;height:12px;overflow:hidden}.breakdown__bar i{width:var(--share,0%);background:var(--result);height:100%;transition:width .6s ease-out;display:block}.traits{gap:14px;display:grid}@media (width>=560px){.traits{grid-template-columns:repeat(2,minmax(0,1fr))}}.traits>div{padding:16px}.traits .kicker{margin-bottom:6px}.traits ul{margin:0;padding-left:1.1em}.match{color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:grid}.match:hover{background:var(--soft)}.match__dot{border:2px solid var(--edge);background:color-mix(in srgb, var(--result) 22%, var(--disc));border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.match .label,.match small{color:var(--muted);display:block}.match .label{font-size:.66rem;font-weight:500}.match small{font-size:.9rem;line-height:1.4}.match strong{font:600 1.2rem/1.25 var(--font-display);display:block}