:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#141414;--surface-raised:#262626;--border:#ffffff1f;--border-strong:#404040;--text:#f5f5f5;--text-muted:#a3a3a3;--accent:#3b82f6;--accent-hover:#2563eb;--success:#10b981;--danger:#ef4444;--radius:12px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#app{min-height:100dvh}button,input,textarea{font:inherit;color:inherit}a{color:inherit}.btn{border-radius:var(--radius);cursor:pointer;background:var(--surface-raised);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:#333}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-success{background:var(--success);color:#000}.btn-success:hover:not(:disabled){background:#0ea371}.btn-danger{border-color:var(--danger);color:#fca5a5;background:0 0}.btn-danger:hover:not(:disabled){background:#ef444426}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:1.1rem}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);width:100%;padding:12px 14px}.input:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:14px;padding:24px;display:flex}.panel h2{font-size:1.25rem}.muted{color:var(--text-muted)}