:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080808;--card:#111;--accent:#ff6b00;--text:#fff;--text-sec:#999;--border:#222;--danger:#ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:32px 24px;display:flex}.card h1{margin:0 0 4px;font-size:22px;font-weight:900}.muted{color:var(--text-sec);margin:0;font-size:14px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-link{color:var(--text-sec);border:none;align-self:flex-start;padding:4px 0;text-decoration:underline}.code-input{text-align:center;letter-spacing:8px;border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:12px;padding:12px;font-size:24px}.error-banner{background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:14px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.trace-log{border-top:1px solid var(--border);max-height:40vh;color:var(--text-sec);z-index:1000;background:#000000d9;padding:8px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;line-height:1.6;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.trace-time{color:var(--accent)}.trace-line{white-space:pre-wrap;word-break:break-word}