:root{--bg:#000;--surface:#121417;--surface-2:#1c1f24;--border:#2c3138;--text:#f2f4f7;--muted:#a3acb9;--accent:#3b82f6;--accent-text:#fff;--danger:#f87171;--warning:#fbbf24;--ok:#34d399;--safe:5vmin;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;cursor:none;margin:0;font-size:2.2vmin;overflow:hidden}.stage{background:#000;position:fixed;top:0;bottom:0;left:0;right:0}.layer{position:absolute;top:0;bottom:0;left:0;right:0}.layer.fade{animation:ease-out both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.media{background:#000;width:100%;height:100%;display:block}.media.contain{object-fit:contain}.media.cover{object-fit:cover}.connection-badge{right:var(--safe);bottom:var(--safe);color:var(--warning);background:rgba(0,0,0,.7);border-radius:999px;align-items:center;gap:.6em;padding:.6em 1em;font-size:.8rem;display:flex;position:fixed}.autoplay-overlay{background:rgba(0,0,0,.6);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen{padding:var(--safe);text-align:center;background:radial-gradient(#11151b 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.2em;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen h1{letter-spacing:-.01em;margin:0;font-size:2.4rem;font-weight:600}.screen p{max-width:60ch;color:var(--muted);margin:0;font-size:1.1rem;line-height:1.5}.screen .detail{color:var(--muted);opacity:.8;font-size:.85rem}.status-icon{border:.15em solid var(--border);border-radius:50%;place-items:center;width:4.5em;height:4.5em;font-size:1.4rem;display:grid}.status-icon.error{border-color:var(--danger);color:var(--danger)}.status-icon.warning{border-color:var(--warning);color:var(--warning)}.spinner{border:.3em solid var(--border);border-top-color:var(--accent);border-radius:50%;width:3.2em;height:3.2em;animation:1s linear infinite spin}.spinner.small{border-width:.15em;width:1em;height:1em}@keyframes spin{to{transform:rotate(360deg)}}.footer{left:var(--safe);right:var(--safe);bottom:var(--safe);color:var(--muted);opacity:.7;justify-content:space-between;font-size:.75rem;display:flex;position:fixed}.button{font:inherit;border:.12em solid var(--border);background:var(--surface-2);color:var(--text);border-radius:.5em;outline:none;padding:.7em 1.4em;font-size:1rem}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button:focus,.key:focus{outline-offset:.15em;outline:.2em solid #fff;transform:scale(1.06)}.button:disabled{opacity:.45}.enroll{padding-top:calc(var(--safe) * 1.6);justify-content:flex-start;gap:1.4em}.code-display{align-items:center;gap:.35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.code-slot{background:var(--surface);border:.06em solid var(--border);border-radius:.2em;place-items:center;width:1.6em;height:2.1em;font-size:2.2rem;font-weight:600;display:grid}.code-slot.active{border-color:var(--accent)}.code-separator{color:var(--muted);padding:0 .2em;font-size:2rem}.keyboard{grid-template-columns:repeat(8,3.4em);gap:.5em;display:grid}.key{font:inherit;border:.1em solid var(--border);background:var(--surface);height:2.6em;color:var(--text);border-radius:.4em;outline:none;font-size:1.15rem;font-weight:600}.key.wide{grid-column:span 4;font-size:1rem}.key.action{background:var(--surface-2)}.key.submit{background:var(--accent);border-color:var(--accent)}.key:disabled{opacity:.4}.message-error{color:var(--danger);min-height:1.5em;font-size:1rem}.diagnostics{padding:var(--safe);background:var(--bg);cursor:default;font-size:.8rem;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.diagnostics h1{margin:0 0 .6em;font-size:1.6rem}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(28em,1fr));gap:1em;display:grid}.diagnostics section{background:var(--surface);border:1px solid var(--border);border-radius:.5em;padding:.8em 1em}.diagnostics h2{color:var(--muted);margin:0 0 .5em;font-size:1rem;font-weight:600}.diagnostics dl{grid-template-columns:minmax(10em,auto) 1fr;gap:.25em 1em;margin:0;display:grid}.diagnostics dt{color:var(--muted)}.diagnostics dd{word-break:break-all;margin:0}.yes{color:var(--ok)}.no{color:var(--danger)}.maybe{color:var(--warning)}.diagnostics .actions{gap:.8em;margin:1em 0;display:flex}.promo{inset:var(--safe);pointer-events:none;display:flex;position:absolute}.promo-bottom-left{justify-content:flex-start;align-items:flex-end}.promo-bottom-right{text-align:right;justify-content:flex-end;align-items:flex-end}.promo-top-left{justify-content:flex-start;align-items:flex-start}.promo-top-right{text-align:right;justify-content:flex-end;align-items:flex-start}.promo-center{text-align:center;justify-content:center;align-items:center}.promo-card{border-radius:.6em;max-width:60%;padding:1.1em 1.5em;animation:.4s ease-out both fade-in}.promo-dark .promo-card{color:#fff;background:rgba(0,0,0,.72)}.promo-light .promo-card{color:#0b0d10;background:rgba(255,255,255,.92)}.promo-accent .promo-card{color:#fff;background:rgba(37,99,235,.92)}.promo-title{letter-spacing:-.01em;margin:0;font-size:2.6rem;font-weight:700;line-height:1.1}.promo-subtitle{opacity:.9;margin:.35em 0 0;font-size:1.3rem}.promo-price{font-variant-numeric:tabular-nums;margin:.25em 0 0;font-size:4rem;font-weight:800;line-height:1}