:root{--bg:#0b0f14;--surface:#111827;--surface2:#161f2e;--surface3:#1c2a3a;--border:#ffffff0f;--border2:#ffffff1a;--accent:#2563eb;--accent-h:#1d4ed8;--glow:#3b82f6;--text-1:#e5e7eb;--text-2:#9ca3af;--text-3:#4b5563;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--purple:#8b5cf6;--teal:#06b6d4;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;--ease:cubic-bezier(.25, .46, .45, .94);--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow:0 4px 24px #00000080;--shadow-lg:0 12px 48px #0009;--bg-1:var(--surface);--bg-2:var(--surface2);--bg-3:var(--surface3);--blue:var(--accent);--violet:var(--purple);--text-primary:var(--text-1);--text-secondary:var(--text-2);--text-muted:var(--text-3);--accent-blue:var(--accent);--border-light:var(--border);--border-mid:var(--border2)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{zoom:1.1;font-size:15px}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-up{animation:fadeUp .3s var(--ease-out) forwards}.animate-fade-in{animation:.25s forwards fadeIn}.btn{border-radius:var(--r-sm);cursor:pointer;transition:all .15s var(--ease);white-space:nowrap;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 #2563eb00}.btn-primary:hover{background:var(--accent-h);box-shadow:0 0 20px #2563eb59}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:#ffffff0d}.btn-ghost:hover{color:var(--text-1);background:#ffffff17}.btn:disabled{opacity:.4;cursor:not-allowed}.input{border:1px solid var(--border);width:100%;color:var(--text-1);border-radius:var(--r-sm);background:#ffffff0a;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.input::placeholder{color:var(--text-3)}.badge{border-radius:99px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.72rem;font-weight:500;display:inline-flex}.mac-lights{align-items:center;gap:6px;display:flex}.mac-light{border-radius:50%;width:11px;height:11px}.mac-light.red{background:#ff5f57}.mac-light.yellow{background:#ffbd2e}.mac-light.green{background:#28c840}.bg-grid{background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 10%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 10%,#0000 100%)}