:root{--bg:#1a1225;--bg-raised:#241a33;--line:#f5f1fa;--line-dim:#f5f1fa99;--line-faint:#f5f1fa47;--norm:#2dd4a7;--norm-ink:#0b2a22;--strem:#ff6b5d;--strem-ink:#350f0a;--border:#f5f1fa24;--shadow:#00000059 0 12px 30px -12px;--sans:-apple-system, "Segoe UI", system-ui, Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:17px/1.5 var(--sans);color:var(--line);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}h1,h2{letter-spacing:-.3px;text-wrap:balance;margin:0;font-weight:700}p{margin:0}button{font:inherit;color:inherit}#app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{padding:28px 24px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:20px;display:flex}.muted{color:var(--line-dim);font-size:15px}.btn{appearance:none;border:1px solid var(--border);background:var(--bg-raised);color:var(--line);cursor:pointer;border-radius:14px;padding:14px 20px;font-size:17px;font-weight:600;transition:transform .1s,background .15s}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--line);outline-offset:2px}.btn-primary{background:var(--line);color:var(--bg);border-color:var(--line)}.btn-ghost{background:0 0}.btn-big{box-shadow:var(--shadow);border-radius:16px;padding:18px 24px;font-size:19px}.screen-setup{padding-top:calc(48px + env(safe-area-inset-top));justify-content:flex-start;gap:24px}.screen-setup h1{font-size:32px}#setup-form{text-align:left;flex-direction:column;gap:20px;display:flex}.field{color:var(--line-dim);flex-direction:column;gap:6px;font-size:14px;display:flex}.field input[type=text]{font:inherit;color:var(--line);background:var(--bg-raised);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:17px}.field input[type=text]:focus-visible{outline:2px solid var(--norm);outline-offset:1px}.field-group{border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;margin:0;padding:14px 16px 6px;display:flex}.field-group legend{color:var(--line-dim);text-transform:uppercase;letter-spacing:.5px;padding:0 6px;font-size:13px}.checkbox{align-items:center;gap:10px;padding:8px 2px;font-size:15px;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--norm)}.screen-cover{gap:14px}.cover-eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--line-dim);margin:0;font-size:14px}.cover-name{margin-bottom:12px;font-size:40px}.progress-dots{letter-spacing:3px;color:var(--norm);margin:0 0 8px;font-size:13px;line-height:1.8}.progress-text{letter-spacing:normal;color:var(--line-dim);margin-top:2px;font-size:13px;display:block}.question-for{color:var(--line-dim);margin:0;font-size:15px}.question-text{margin:6px 0 10px;font-size:26px;line-height:1.3}.answer-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.btn-answer{letter-spacing:.5px;border-radius:18px;padding:22px 12px;font-size:20px}.btn-norm{background:var(--norm);color:var(--norm-ink);border-color:var(--norm)}.btn-strem{background:var(--strem);color:var(--strem-ink);border-color:var(--strem)}.btn-skip{appearance:none;color:var(--line-dim);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:10px;font-size:14px;text-decoration:underline}.reveal-rows{flex-direction:column;gap:10px;margin-top:4px;display:flex}.reveal-row{border:1px solid var(--border);background:var(--bg-raised);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:17px;font-weight:600;display:flex}.reveal-name{color:var(--line-dim);font-weight:500}.reveal-row.is-norm .reveal-answer{color:var(--norm)}.reveal-row.is-strem .reveal-answer{color:var(--strem)}.reveal-row.is-skip .reveal-answer{color:var(--line-dim);font-weight:500}.reveal-verdict{margin:4px 0 0;font-size:17px;font-weight:700}.reveal-verdict.match{color:var(--norm)}.reveal-verdict.diff{color:var(--strem)}.reveal-followup{background:var(--bg-raised);color:var(--line-dim);border-radius:12px;margin:0;padding:14px 16px;font-size:15px;font-style:italic}.screen-end h1,.screen-error p:first-child{font-size:26px}.link-end{appearance:none;color:var(--line-faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:8px;padding:6px;font-size:13px;text-decoration:underline}.screen-mp{gap:18px}.screen-mp-form{padding-top:calc(32px + env(safe-area-inset-top));justify-content:flex-start;gap:20px}#mp-create-form,#mp-join-form{text-align:left;flex-direction:column;gap:20px;display:flex}.mp-mode-toggle .checkbox{padding:10px 2px}.mp-banner{background:var(--bg-raised);border:1px solid var(--border);color:var(--line-dim);border-radius:12px;margin:0;padding:10px 14px;font-size:14px}.mp-banner-error{border-color:var(--strem);color:var(--strem)}.mp-code{letter-spacing:6px;margin:0;font-size:44px;font-weight:700}.mp-players{flex-direction:column;gap:10px;margin-top:4px;display:flex}.mp-player{border:1px solid var(--border);background:var(--bg-raised);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:16px;display:flex}.mp-player-name{flex:1}.mp-player-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.mp-player-dot.is-online{background:var(--norm)}.mp-player-dot.is-offline{background:var(--line-faint)}.mp-host-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--line-dim);border:1px solid var(--border);border-radius:8px;padding:3px 7px;font-size:11px}.mp-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mp-checklist li{border:1px solid var(--border);background:var(--bg-raised);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;display:flex}.mp-checklist li.is-voted{color:var(--norm);border-color:var(--norm)}.mp-decision{background:var(--bg-raised);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.mp-decision-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (prefers-reduced-motion:reduce){.btn{transition:none}}
