@font-face{font-family:Montserrat;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/Montserrat.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/Inter.woff2)format("woff2")}:root{--ground:#14111f;--ground-2:#221c33;--ink:#f5f0e6;--body-c:#f5f0e6c7;--muted:#f5f0e69e;--label:#f5f0e6b3;--line:#f5f0e61f;--line-2:#f5f0e63d;--button-hover-fill:#f5f0e614;--button-hover-line:#f5f0e666;--glass:#221c33b8;--pink:#ff3d8b;--coral:#f75e5d;--indigo:#301b66;--cream:#f5f0e6;--violet:#8c7bff;--on-accent:#fff;--danger:#ff7a8a;--grad:linear-gradient(135deg, #ff6b69 0%, #301b66 100%);--c-dark:#3f3c9e;--on-dark:#fff;--c-naughty:#cf2c69;--on-naughty:#fff;--c-tough:#f29a2e;--on-tough:#2a1700;--c-fun:#2fc2a3;--on-fun:#04261f;--c-wild:#7a4ae8;--on-wild:#fff;--c-situ:#2f6fdb;--on-situ:#fff;--c-love:#f4a3b5;--on-love:#3a0f1d;--c-embar:#b8d83a;--on-embar:#1d2600;--c-memo:#5bb6e8;--on-memo:#06222f;--c-futu:#2e7d4f;--on-futu:#fff;--c-fail:#c93a2a;--on-fail:#fff;--c-hot:#38132e;--on-hot:#ff6fb2;--c-trav:#0b7a8c;--on-trav:#fff;--c-fam:#c9a7f5;--on-fam:#2a1148;--c-late:#1b2a5e;--on-late:#cfdcff;--c-steam:#6b0f2e;--on-steam:#ffd2e1;--brand:"Montserrat", system-ui, sans-serif;--display:var(--brand);--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ts:1;--dur:.22s;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ground);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{min-height:100dvh;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(900px 520px at 85% -10%, #ff3d8b33, transparent 60%), radial-gradient(800px 600px at -10% 110%, #8c7bff2e, transparent 60%), var(--ground);background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}button,input,a.btn{font:inherit;color:inherit;touch-action:manipulation}a{color:var(--ink);text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}p{text-wrap:pretty;margin:0}h1,h2{font-family:var(--brand);text-wrap:balance;margin:0;font-weight:800;line-height:1.1}h2{font-size:28px}.h3{font-family:var(--body);color:var(--label);font-size:13px;font-weight:500}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.ts-s{--ts:.88}.ts-l{--ts:1.14}.wrap{max-width:360px;margin-inline:auto}.note{color:var(--body-c);font-size:16px}.note.center,.center{text-align:center}.fine{color:var(--muted);text-align:center;max-width:36ch;margin-inline:auto;font-size:13px}.opt{color:var(--muted);letter-spacing:0;text-transform:none;margin-left:6px;font-size:12px;font-weight:400}button,.btn{cursor:pointer;text-align:center;border:1px solid var(--line-2);min-height:48px;color:var(--ink);line-height:1.2;font-family:var(--body);-webkit-user-select:none;user-select:none;transition:transform .12s, background var(--dur), border-color var(--dur), filter var(--dur), opacity var(--dur);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){button:hover:not(:disabled),.btn:hover{background-color:var(--button-hover-fill);border-color:var(--button-hover-line)}}button:active:not(:disabled),.btn:active{transform:scale(.97)}button.primary:disabled{opacity:.45;color:var(--on-accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--grad);width:100%;min-height:56px;color:var(--on-accent);font-family:var(--brand);text-shadow:0 1px 2px #00000059;border-color:#0000;padding:8px 24px;font-size:16px;font-weight:600;box-shadow:0 8px 24px -8px #0000008c}@media (hover:hover){button.primary:hover:not(:disabled){filter:brightness(1.08);background-color:#0000;border-color:#0000}}button.ghost{border-color:#0000}button.danger,.danger{color:var(--danger);border-color:#ff7a8a66}.row{align-items:center;gap:8px;display:flex}.row>*{flex:1}.row.tight>*{flex:none}.grow{flex:1}.stack{flex-direction:column;gap:8px;display:flex}.home{text-align:center;flex-direction:column;justify-content:safe center;align-items:center;min-height:calc(100dvh - 40px);padding-block:32px;display:flex}.lockup{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.lockup-icon{flex:none;width:96px;height:96px;display:block}.wordmark{font-family:var(--brand);text-transform:uppercase;color:var(--cream);flex-direction:column;align-items:flex-start;font-weight:800;line-height:.9;display:flex}.wm-3am{font-size:88px}.wm-q{margin-top:8px;font-size:32px}@media (width<=359px){.lockup{flex-direction:column}.wordmark{align-items:center}.lockup-icon{width:72px;height:72px}}.tagline{font-family:var(--brand);color:var(--ink);text-wrap:balance;margin-top:24px;font-size:20px;font-weight:600;line-height:1.3}.lede{max-width:30ch;color:var(--body-c);text-wrap:pretty;margin-top:12px;font-size:16px;line-height:1.5}.home-actions{flex-direction:column;gap:16px;width:100%;margin-top:32px;display:flex}.secondary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.secondary-row button{padding-inline:8px}.home .fine{margin-top:32px}.fine{color:var(--muted);text-align:center;text-wrap:balance;max-width:32ch;margin-inline:auto;font-size:13px;line-height:1.5}.legal{color:var(--muted);align-items:center;gap:8px;margin-top:24px;font-size:13px;display:flex}.legal a{color:var(--muted);align-items:center;min-height:44px;padding-inline:8px;text-decoration:none;display:inline-flex}.legal a:hover,.legal a:focus-visible{text-decoration:underline}@media (width>=768px){.tagline{font-size:22px}.lede{font-size:17px}}.screen{flex-direction:column;width:100%;max-width:360px;min-height:calc(100dvh - 40px);margin-inline:auto;display:flex}.screen-body{flex-direction:column;flex:1;gap:24px;padding-top:24px;display:flex}.screen-foot{padding:24px 0 max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.topbar{grid-template-columns:48px 1fr 48px;align-items:center;height:56px;display:grid}.topbar .back-btn{width:48px;min-height:48px;color:var(--cream);background:0 0;border-color:#0000;justify-content:flex-start;margin-left:-14px;padding:0 0 0 14px}.topbar-title{font-family:var(--brand);color:var(--cream);text-align:center;margin:0;font-size:18px;font-weight:600;line-height:1.2}.topbar-right{justify-content:flex-end;display:flex}.progress{font-variant-numeric:tabular-nums;padding-right:6px;font-size:15px;font-weight:600}.progress span{color:var(--muted);font-weight:400}.field{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.field-head{justify-content:space-between;align-items:center;gap:8px;display:flex}legend{color:var(--label);margin-bottom:8px;padding:0;font-size:13px;font-weight:500}.field-head legend{float:left}.inline-error{color:var(--danger);font-size:14px}.seg{border:1px solid var(--line);background:#00000040;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{background:0 0;border-color:#0000;min-height:44px;padding:8px 6px;font-size:14px}.seg button[aria-pressed=true]{background:var(--grad);color:var(--on-accent);font-weight:600}.names{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.names{grid-template-columns:1fr 1fr}}.name-field{min-width:0;color:var(--label);flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}.name-field input{border:1px solid var(--line-2);width:100%;min-width:0;height:52px;color:var(--ink);background:#0000004d;border-radius:16px;padding:0 16px;font-size:16px}.name-field input::placeholder{color:var(--muted)}.play .screen-body{gap:16px;padding-top:16px}.stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1 0 auto;min-height:300px;display:flex}.card{--c:var(--ground-2);--on:var(--ink);background:linear-gradient(160deg, color-mix(in oklab, var(--c) 90%, white 10%), var(--c) 45%, color-mix(in oklab, var(--c) 75%, black 25%));color:var(--on);box-shadow:0 30px 80px -30px color-mix(in oklab, var(--c) 80%, transparent);border:1px solid #ffffff24;border-radius:24px;flex:1 0 auto;grid-template-rows:auto 1fr auto;gap:16px;padding:24px;display:grid;position:relative;overflow:clip}.card.dark{--c:var(--c-dark);--on:var(--on-dark)}.card.naughty{--c:var(--c-naughty);--on:var(--on-naughty)}.card.tough{--c:var(--c-tough);--on:var(--on-tough)}.card.fun{--c:var(--c-fun);--on:var(--on-fun)}.card.wild{--c:var(--c-wild);--on:var(--on-wild)}.card.situ{--c:var(--c-situ);--on:var(--on-situ)}.card.love{--c:var(--c-love);--on:var(--on-love)}.card.embar{--c:var(--c-embar);--on:var(--on-embar)}.card.memo{--c:var(--c-memo);--on:var(--on-memo)}.card.futu{--c:var(--c-futu);--on:var(--on-futu)}.card.fail{--c:var(--c-fail);--on:var(--on-fail)}.card.trav{--c:var(--c-trav);--on:var(--on-trav)}.card.fam{--c:var(--c-fam);--on:var(--on-fam)}.card.hot{--c:var(--c-hot);--on:var(--on-hot);border-color:#ff6fb28c}.card.late{--c:var(--c-late);--on:var(--on-late);border-color:#3e5399}.card.steam{--c:var(--c-steam);--on:var(--on-steam);border-color:#e0245e}.anim-next{animation:in-next var(--dur) var(--ease) both}.anim-back{animation:in-back var(--dur) var(--ease) both}@keyframes in-next{0%{opacity:0;transform:translate(28px)scale(.985)}to{opacity:1;transform:none}}@keyframes in-back{0%{opacity:0;transform:translate(-28px)scale(.985)}to{opacity:1;transform:none}}.wm{font-family:var(--display);opacity:.1;pointer-events:none;font-size:280px;line-height:1;position:absolute;bottom:-50px;right:-8px}.top,.bottom{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.cat{text-transform:uppercase;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.heat{text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pips{gap:4px;display:flex}.pips i{border:1.5px solid;border-radius:50%;width:8px;height:8px}.pips i.on{background:currentColor}.mid{z-index:1;flex-direction:column;justify-content:center;gap:18px;min-height:0;display:flex;position:relative}.q{font-family:var(--display);overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;font-weight:700;line-height:1.2}.q-l{font-size:calc(clamp(30px, 8.6vw, 42px) * var(--ts))}.q-m{font-size:calc(clamp(26px, 7.4vw, 36px) * var(--ts))}.q-s{font-size:calc(clamp(22px, 6.2vw, 31px) * var(--ts))}.turn{background:#00000038;border-radius:999px;padding:7px 12px;font-size:14px}.card.love .turn,.card.fam .turn,.card.embar .turn,.card.tough .turn,.card.fun .turn,.card.memo .turn{background:#ffffff59}.timer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timer-num{font-family:var(--display);font-variant-numeric:tabular-nums;min-width:2.6ch;font-size:40px}.card .timer button{color:inherit;background:#0003;border-color:currentColor}.card .timer button.ghost{background:0 0;border-color:#0000}.forfeit{background:#0000003d;border-radius:18px;padding:14px 16px}.forfeit-k{text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.forfeit p{font-size:18px;line-height:1.35}.controls{flex-direction:column;gap:8px;padding-bottom:8px;display:flex}.controls .sq{flex:none;width:56px;min-height:56px;padding:0}.save.on{color:var(--coral);border-color:var(--coral)}.hint{text-align:center;color:var(--muted);font-size:13px}.saved-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.saved-list li{border:1px solid var(--line);background:#00000038;border-radius:18px;align-items:flex-start;gap:12px;padding:14px;display:flex}.saved-body{flex:1;min-width:0}.saved-cat{text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.saved-list p{font-family:var(--display);font-size:20px;line-height:1.25}.dot{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 0;display:flex}.big-note{font-family:var(--display);font-size:30px}.end{justify-content:center;min-height:calc(100dvh - 32px)}.end-title{font-size:clamp(36px,10vw,52px)}.end .stack{width:100%;margin-top:8px}.banner{background:#ff7a8a1f;border:1px solid #ff7a8a59;border-radius:14px;padding:12px 14px;font-size:14px}.c-dark{--c:#6e6ad8}.c-naughty{--c:#e8467f}.c-tough{--c:var(--c-tough)}.c-fun{--c:var(--c-fun)}.c-wild{--c:#9a74f5}.c-situ{--c:#4f8bee}.c-love{--c:var(--c-love)}.c-embar{--c:var(--c-embar)}.c-memo{--c:var(--c-memo)}.c-futu{--c:#3fa36a}.c-fail{--c:#e5584a}.c-hot{--c:#ff6fb2}.c-trav{--c:#19a3b8}.c-fam{--c:var(--c-fam)}.c-late{--c:#7f98ee}.c-steam{--c:#e8336b}.switch-row{border-radius:16px;justify-content:space-between;width:100%;padding:8px 16px;font-size:16px}.switch{width:46px;height:28px;transition:background var(--dur);background:#f5f0e62e;border-radius:14px;flex:none;position:relative}.switch i{background:var(--ink);width:22px;height:22px;transition:transform var(--dur);border-radius:50%;position:absolute;top:3px;left:3px}.switch-row[aria-checked=true] .switch{background:var(--coral)}.switch-row[aria-checked=true] .switch i{background:var(--on-accent);transform:translate(18px)}.scrim{z-index:50;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);animation:fade var(--dur) ease both;overscroll-behavior:contain;background:#08060eb8;place-items:end center;display:grid;position:fixed;inset:0}@media (width>=560px){.scrim{place-items:center}}.dialog{border:1px solid var(--line-2);width:100%;max-width:360px;max-height:calc(100dvh - 32px);animation:rise var(--dur) var(--ease) both;background:#1c1729;border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex;overflow:auto;box-shadow:0 30px 80px -20px #000000b3}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.rules{color:var(--body-c);flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.rules li{padding-left:18px;position:relative}.rules li:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.rules b{color:var(--ink);font-weight:600}.toast-region{left:0;right:0;bottom:max(96px, calc(env(safe-area-inset-bottom) + 96px));z-index:60;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;border-color:var(--line-2);animation:rise var(--dur) var(--ease) both;background:#2b2340;font-size:14px}.page{flex-direction:column;gap:16px;width:100%;max-width:360px;margin-inline:auto;padding:0 0 48px;display:flex}.page h1{font-size:40px}.page h2:not(.topbar-title){margin-top:8px;font-size:24px}.page p,.page li{color:var(--body-c)}.page .back{align-self:flex-start}@media (orientation:landscape) and (height<=520px){.stage{min-height:260px}.hint{display:none}}@media (width<=340px){.names{grid-template-columns:1fr}.controls .sq{width:52px;min-height:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (height<=640px){.q-l{font-size:calc(clamp(26px, 7.4vw, 34px) * var(--ts))}.q-m{font-size:calc(clamp(23px, 6.6vw, 30px) * var(--ts))}.q-s{font-size:calc(22px * var(--ts))}.timer-num{font-size:32px}.stage{min-height:0}.card{gap:10px}}html{font-family:var(--body)}.cat,.heat,.saved-cat,.forfeit-k{font-family:var(--brand);font-weight:600}button.primary,.seg button[aria-pressed=true]{background-origin:border-box;background-clip:border-box;border-color:#0000}a.btn{font-size:14px}.page ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.page strong{color:var(--ink)}.not-found{justify-content:center;align-items:center;min-height:calc(100dvh - 40px)}.big-note{text-wrap:balance;font-size:28px}.empty-state .note{max-width:30ch}.dialog:focus{outline:none}.toast-region{top:max(8px, env(safe-area-inset-top));bottom:auto}.saved-list p{font-family:var(--brand);font-size:16px;font-weight:600;line-height:1.5}