*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #534AB7;--brand-light: #7F77DD;--brand-dim: #3d3560;--bg: #0f0f0f;--surface: #161616;--surface-2: #1e1e1e;--border: #2a2a2a;--border-err: #5a2020;--text-1: #f0f0f0;--text-2: #aaa;--text-3: #666;--text-4: #444;--err-bg: #1c1010;--err-text: #f09595;--ok: #1D9E75;--warn: #EF9F27;--danger: #E24B4A;background:var(--bg)}html,body{height:100%;background:var(--bg);color:var(--text-1);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.brand{display:flex;align-items:center;gap:8px}.brand-mark{width:28px;height:28px;border-radius:6px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;letter-spacing:-.01em;flex-shrink:0}.brand-name{font-size:15px;font-weight:500;color:var(--text-1);letter-spacing:-.02em}.brand-name span{color:var(--brand-light)}.loading-state{display:flex;justify-content:center;padding:80px 0}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--err-bg);border:.5px solid var(--border-err);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--err-text);display:flex;align-items:center;gap:8px;margin-bottom:14px}.error-msg{background:var(--err-bg);border:.5px solid var(--border-err);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--err-text);margin-bottom:14px;display:flex;align-items:center;gap:6px}.page{max-width:600px;margin:0 auto;min-height:100vh}