@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap";:root{--text:#6b6375;--text-h:#100b1c;--bg:#f6f4fb;--surface:#fff;--surface-2:#faf9fd;--border:#e7e3f0;--border-strong:#d9d3e8;--accent:#7c3aed;--accent-2:#ec4899;--accent-bg:#7c3aed14;--accent-border:#7c3aed59;--accent-gradient:linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);--success:#16a34a;--success-bg:#16a34a1a;--danger:#dc2626;--danger-bg:#dc262614;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--shadow-sm:0 1px 2px #170c300f, 0 1px 1px #170c300a;--shadow-md:0 12px 24px -8px #4c1d952e, 0 4px 8px -4px #4c1d9514;--shadow-lg:0 24px 48px -12px #4c1d9547;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Manrope", "Inter", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#a8a3b8;--text-h:#f5f3fa;--bg:#0e0b17;--surface:#171225;--surface-2:#1c1730;--border:#2c2440;--border-strong:#3a3054;--accent:#a78bfa;--accent-2:#f472b6;--accent-bg:#a78bfa24;--accent-border:#a78bfa66;--accent-gradient:linear-gradient(135deg, #a78bfa 0%, #f472b6 100%);--success:#4ade80;--success-bg:#4ade801f;--danger:#f87171;--danger-bg:#f871711f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 12px 24px -8px #00000073, 0 4px 8px -4px #0000004d;--shadow-lg:0 24px 48px -12px #0000008c}}*{box-sizing:border-box}body{background:radial-gradient(1200px 480px at 50% -10%, var(--accent-bg), transparent 60%), var(--bg);min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);letter-spacing:-.02em;font-weight:800}h1{margin:0 0 6px;font-size:30px}h2{margin:0 0 4px;font-size:20px}h3{margin:0 0 12px;font-size:16px;font-weight:700}p{margin:0}a{color:var(--accent)}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--surface-2);padding:3px 7px;font-size:14px}.app-shell{flex-direction:column;flex:1;display:flex}.top-bar{z-index:10;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{font-family:var(--heading);color:var(--text-h);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.brand-mark{background:var(--accent-gradient);width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:9px;justify-content:center;align-items:center;font-size:15px;display:flex}.top-bar-actions{align-items:center;gap:10px;display:flex}.screen{text-align:center;width:100%;max-width:480px;font-family:var(--sans);flex-direction:column;flex:1;margin:0 auto;padding:28px 20px 56px;display:flex;position:relative}.screen>h1{text-align:center}.screen-lede{color:var(--text);margin-top:4px;font-size:15px}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s,background .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--surface);color:var(--text-h);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-border)}.btn-block{width:100%}.link{cursor:pointer;font-weight:600;text-decoration:none;color:var(--text)!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:4px 2px!important;font-size:13px!important}.link:hover{text-decoration:underline;color:var(--accent)!important}.screen button{font:inherit}.screen input[type=text],.screen input[type=email],.screen input[type=password],.screen input[type=number]{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-h);width:100%;padding:13px 14px;font-size:16px}.screen input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.otp-input{text-align:center;font-weight:700;font-family:var(--mono);letter-spacing:10px!important;padding-left:6px!important;font-size:28px!important}.stack{flex-direction:column;gap:12px;margin-top:24px;display:flex}.row{gap:8px;display:flex}.row input{flex:1}.muted-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:22px;display:flex}.hint{color:var(--text);margin-top:12px;font-size:13.5px}.lang-select{font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:13.5px;font-weight:600}.lang-select-compact{padding:6px 10px;font-size:13px}.alert{border-radius:var(--radius-sm);text-align:left;margin-top:16px;padding:11px 14px;font-size:14px;font-weight:600}.error,.alert-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);text-align:left;margin-top:16px;padding:11px 14px;font-size:14px;font-weight:600}.alert-success{color:var(--success);background:var(--success-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.hero-card{background:var(--accent-gradient);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);text-align:center;padding:28px 24px}.hero-card h1{color:#fff}.hero-card .screen-lede{color:#ffffffd9}.chip{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.credit-balance{color:var(--text-h);margin-top:8px;font-size:15px;font-weight:600}.room-code{font-family:var(--mono);letter-spacing:6px;color:var(--accent);background:var(--accent-bg);border:1px dashed var(--accent-border);border-radius:var(--radius-md);margin-top:14px;padding:14px 28px;font-size:34px;font-weight:700;display:inline-flex}.question-block{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:16px;padding:18px}.question-number{background:var(--accent-gradient);color:#fff;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;font-weight:800;display:inline-flex}.option-group{margin-top:14px}.option-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin-bottom:8px;font-size:12px;font-weight:700}.choice-pills{flex-wrap:wrap;gap:8px;display:flex}.choice-pill{position:relative}.choice-pill input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.choice-pill span{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:999px;align-items:center;padding:9px 16px;font-size:14px;font-weight:600;transition:all .12s;display:inline-flex}.choice-pill input:checked+span{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.choice-pill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.share-poster{flex-direction:column;align-items:center;gap:14px;margin-top:16px;display:flex}.poster-frame{border-radius:var(--radius-lg);width:100%;max-width:320px;box-shadow:var(--shadow-md);margin:0 auto;line-height:0;overflow:hidden}.poster-frame canvas{width:100%;height:auto;display:block}.share-room{flex-direction:column;align-items:center;gap:16px;margin-top:18px;display:flex}.qr-frame{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;padding:12px;line-height:0}.share-buttons{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.share-btn{padding:11px 10px;font-size:13.5px;text-decoration:none}.share-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:16px;padding:22px}.match-tagline{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.match-percent{font-family:var(--heading);color:var(--accent);margin-bottom:14px;font-size:28px;font-weight:800}.score-row{gap:12px;display:flex}.score-tile{border-radius:var(--radius-md);background:var(--accent-bg);border:1px solid var(--accent-border);flex:1;padding:18px 12px}.score-tile .score-num{font-family:var(--heading);color:var(--accent);font-size:34px;font-weight:800;line-height:1}.score-tile .score-label{color:var(--text);margin-top:6px;font-size:12.5px;font-weight:600}.score-line{color:var(--text-h);font-size:17px;font-weight:700}.score-line.muted{color:var(--text);margin-top:4px;font-size:14px;font-weight:500}.answer-line{justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.answer-line .answer-tag{color:var(--text);font-weight:600}.answer-line .answer-val{color:var(--text-h);text-align:right;font-weight:600}.guess-line{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-size:14px;font-weight:700;display:flex}.hit{color:var(--success)}.miss{color:var(--danger)}.result-icon{border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:6px;font-size:12px;font-weight:800;display:inline-flex}.result-icon.hit{background:var(--success-bg)}.result-icon.miss{background:var(--danger-bg)}.ledger{text-align:left;flex-direction:column;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.ledger li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;gap:12px;padding:11px 14px;font-size:13.5px;display:flex}.ledger li span:first-child{color:var(--text);font-weight:600}.credit-quick-picks{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.price-breakdown{text-align:left;flex-direction:column;gap:6px;font-size:14px;display:flex}.price-breakdown .price-row{color:var(--text);justify-content:space-between;display:flex}.price-breakdown .price-total{border-top:1px solid var(--border);color:var(--text-h);justify-content:space-between;margin-top:8px;padding-top:8px;font-size:16px;font-weight:800;display:flex}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:2px;margin:0 auto;padding:4px;display:inline-flex}.tab{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700}.tab.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;box-shadow:var(--shadow-sm);padding:16px}.stat-card .stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text);font-size:12px;font-weight:700}.stat-card .stat-value{font-family:var(--heading);color:var(--text-h);margin-top:4px;font-size:24px;font-weight:800}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:28px;height:28px;margin:24px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-fill{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}