:root{--bg:#fff1f6;--fg:#2b1b3d;--card:#fff;--pink:#f2336d;--btn:#d81b5b;--yel:#ffd23f;--mut:#6b5a80;--ok:#0b8a69;--bad:#d6334b;--ink:#2b1b3d;--stage:#2b1b3d;--stage-fg:#fff0f6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1e1230;--fg:#fff0f6;--card:#2e1e45;--mut:#b7a6cc;--ok:#3ddcae;--bad:#ff6b81;--ink:#8a6bb8;--stage:#130a22}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;line-height:1.4}.wrap{max-width:520px;margin:0 auto;padding:28px 20px 56px}h1{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(2.5rem,12vw,3.8rem);font-weight:800;font-stretch:75%;line-height:.95}h2{letter-spacing:-.01em;margin:8px 0 20px;font-size:1.6rem;font-weight:800;line-height:1.12}p{color:var(--mut);margin:0 0 18px}small{color:var(--mut)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}input{width:100%;font:inherit;border:2px solid var(--ink);background:var(--card);color:var(--fg);border-radius:14px;margin-bottom:12px;padding:14px 16px}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.btn{font:inherit;border:2px solid var(--ink);background:var(--btn);color:#fff;cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:999px;margin:0 8px 14px 0;padding:13px 24px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-block}.btn.alt{background:var(--yel);color:#2b1b3d}.btn.small{box-shadow:0 3px 0 var(--ink);margin-bottom:12px;padding:8px 14px;font-size:.9rem}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.small:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:translateY(3px)}.link-btn{font:inherit;color:var(--mut);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:600;text-decoration:underline}.shares{flex-wrap:wrap;align-items:center;margin-top:4px;display:flex}.shares .btn.alt{background:var(--card);color:var(--fg);box-shadow:0 2px 0 var(--ink);margin-right:6px}.opt{text-align:left;width:100%;min-height:56px;font:inherit;border:2px solid var(--ink);background:var(--card);color:var(--fg);cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:16px;margin-bottom:14px;padding:14px 18px;font-size:1.05rem;font-weight:600;transition:transform 80ms,box-shadow 80ms,background .12s;display:block}.opt:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.opt:disabled{cursor:default}.opt.picked{background:var(--btn);color:#fff;box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}@media (hover:hover){.opt:hover:not(:disabled):not(.picked){background:color-mix(in srgb, var(--yel) 35%, var(--card))}}.bar{border:2px solid var(--ink);background:var(--card);border-radius:99px;height:12px;margin-bottom:24px;overflow:hidden}.bar i{background:var(--pink);height:100%;transition:width .3s ease-out;display:block}.scale{margin-bottom:10px}.scale-row{gap:8px;margin-bottom:10px;display:flex}.scale-btn{font:inherit;border:2px solid var(--ink);background:var(--card);color:var(--fg);cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:14px;flex:1;padding:16px 0;font-size:1.2rem;font-weight:800;transition:transform 80ms,box-shadow 80ms}.scale-btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.scale-btn:disabled{cursor:default}.scale-btn.picked{background:var(--btn);color:#fff;box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.scale-labels{color:var(--mut);justify-content:space-between;gap:12px;margin-bottom:16px;font-size:.85rem;display:flex}.scale-labels span:last-child{text-align:right}.chips{flex-wrap:wrap;gap:10px;margin:8px 0 18px;display:flex}.chip{font:inherit;border:2px solid var(--ink);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:.95rem;font-weight:700}.chip.on{background:var(--yel);color:#2b1b3d;box-shadow:0 3px 0 var(--ink);transform:translateY(-1px)}.note{margin-top:10px;font-size:.85rem}.error{color:var(--bad);font-weight:700}.sep{background:color-mix(in srgb, var(--ink) 35%, transparent);border-radius:2px;height:2px;margin:28px 0}.returning{color:var(--fg);margin:0 0 22px;font-size:.95rem;font-weight:600;text-decoration:none;display:block}.returning span{color:var(--btn);text-underline-offset:3px;text-decoration:underline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .returning span{color:var(--yel)}}.paywall{background:var(--card);border:2px solid var(--ink);border-radius:22px;margin-bottom:20px;padding:22px}.paywall .btn{margin-top:12px}.curiosity-prompts{margin:20px 0;padding:0;list-style:none}.curiosity-prompts li{border-top:1px solid var(--ink);padding:14px 0}.curiosity-prompts strong,.curiosity-prompts span{display:block}.curiosity-prompts span{margin-top:5px;font-size:.9em}.score{background:var(--yel);color:#2b1b3d;border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:24px;margin-bottom:20px;padding:24px 22px}.score b{letter-spacing:-.03em;font-size:5rem;font-weight:800;font-stretch:75%;line-height:.95;display:block}.score span{font-size:1.3rem;font-weight:800}.ticket{background:var(--card);border:2px solid var(--ink);max-width:400px;box-shadow:0 5px 0 var(--ink);color:var(--fg);border-radius:20px;margin:4px 0 22px;overflow:hidden}.ticket-head{justify-content:space-between;align-items:baseline;padding:12px 16px 6px;font-weight:700;display:flex}.ticket-row{align-items:baseline;gap:10px;padding:5px 16px;font-size:.95rem;font-weight:600;display:flex}.ticket-row i,.receipt-row i{font-family:system-ui,Segoe UI Symbol,sans-serif;line-height:1}.ticket-row i{flex:none;width:1.1em;font-style:normal;font-weight:800}.ticket-row span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ticket-row.hit i{color:var(--ok)}.ticket-row.missed i{color:var(--bad)}.ticket-foot{border-top:2px dashed var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px 16px 14px;display:flex}.ticket-score{letter-spacing:-.03em;font-size:2.7rem;font-weight:800;font-stretch:75%;line-height:1}.ticket-score span{color:var(--mut);font-size:.5em}.ticket .stamp{white-space:nowrap;padding:6px 12px 8px;font-size:1.7rem}.stage{background:var(--stage);color:var(--stage-fg);border:2px solid var(--ink);border-radius:28px;margin:0 0 24px;padding:24px 22px 26px;overflow:hidden}.stage small,.stage-vs{color:color-mix(in srgb, var(--stage-fg) 72%, transparent);font-size:1rem;font-weight:600;display:block}.dots{flex-wrap:wrap;gap:7px;margin:16px 0 18px;display:flex}.dot{border:2px solid var(--yel);border-radius:50%;width:17px;height:17px}.dot.hit{background:var(--yel)}.stage-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--yel);margin:4px 0 18px;font-size:clamp(6rem,34vw,9rem);font-weight:800;font-stretch:75%;line-height:.85;display:block}.stage-num span{letter-spacing:-.02em;color:color-mix(in srgb, var(--stage-fg) 62%, transparent);font-size:.38em}.stamp{background:var(--pink);color:#fff;letter-spacing:-.02em;transform-origin:0;border-radius:12px;padding:8px 16px 10px;font-size:clamp(2.2rem,11vw,3.1rem);font-weight:800;font-stretch:75%;line-height:1;display:inline-block;transform:rotate(-4deg)}.stage-line{color:var(--stage-fg);margin:18px 0 6px;font-size:1.15rem;font-weight:600}.stage-rank{color:color-mix(in srgb, var(--stage-fg) 72%, transparent);margin:0;font-weight:600}.receipt{margin:0 0 8px}.receipt summary{cursor:pointer;margin-bottom:12px;font-size:1.1rem;font-weight:800}.receipt-row{border-bottom:1px dashed color-mix(in srgb, var(--ink) 45%, transparent);grid-template-columns:1.5rem 1fr;gap:8px;padding:7px 0;font-weight:600;line-height:1.3;display:grid}.receipt-row i{font-style:normal;font-weight:800}.receipt-row.hit i{color:var(--ok)}.receipt-row.missed i{color:var(--bad)}.board{margin:0 0 20px;padding:0;list-style:none}.board li{border:2px solid var(--ink);background:var(--card);border-radius:16px;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:grid}.board li.top{background:var(--yel);color:#2b1b3d;box-shadow:0 4px 0 var(--ink)}.board-rank{font-size:1.7rem;font-weight:800;font-stretch:75%;line-height:1}.board-name{font-weight:700;line-height:1.2}.board-name small{color:inherit;opacity:.75;font-weight:600;display:block}.board-score{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;font-stretch:75%}@media (prefers-reduced-motion:no-preference){.ticket-row{animation:.26s ease-out both tick-in;animation-delay:var(--d,0s)}.ticket .stamp{animation:.42s cubic-bezier(.2,1.5,.4,1) .95s both stamp-in}.dot{animation:.24s cubic-bezier(.2,1.6,.4,1) both dot-in;animation-delay:var(--d,0s)}.stage .stamp{animation:.42s cubic-bezier(.2,1.5,.4,1) both stamp-in;animation-delay:var(--stamp-d,0s)}.stage-late{animation:.4s ease-out both fade-in;animation-delay:var(--stamp-d,0s)}}@keyframes tick-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes dot-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes stamp-in{0%{opacity:0;transform:scale(2.3)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.legend{color:var(--mut);gap:18px;margin:4px 0 14px;font-size:.85rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.trait{margin-bottom:22px}.trait-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.trait-track{background:color-mix(in srgb, var(--fg) 14%, transparent);border-radius:9px;height:6px;margin:10px 8px 12px;position:relative}.trait-track .dot{position:absolute;top:50%;transform:translate(-50%,-50%)}.dot{border:2px solid var(--card);border-radius:50%;width:16px;height:16px;display:inline-block}.dot-you{background:var(--pink)}.dot-others{background:var(--yel);border-color:var(--fg)}.trait-ends{justify-content:space-between;gap:12px;display:flex}.trait-line{color:var(--fg);margin:6px 0 0}.gap{margin-bottom:16px}.feature{margin-bottom:14px}.feature strong{display:block}.feature p{margin:2px 0 0}