:root{--bg:#0a0a0f;--bg-raised:#12121a;--bg-surface:#1a1a26;--bg-hover:#22222f;--border:#2a2a3a;--border-focus:#5b5bf0;--text:#e8e8f0;--text-muted:#8888a0;--text-dim:#55556a;--accent:#6c6cf0;--accent-hover:#8080ff;--accent-bg:rgba(108,108,240,0.1);--green:#34d399;--green-bg:rgba(52,211,153,0.1);--red:#f87171;--red-bg:rgba(248,113,113,0.1);--yellow:#fbbf24;--radius:8px;--radius-lg:12px;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer}button,input,select{font-family:inherit;font-size:inherit}code{font-family:var(--font-mono);background:var(--bg-surface);padding:2px 6px;border-radius:4px}.btn,code{font-size:13px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);border:1px solid transparent;font-weight:500;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{background:transparent;color:var(--red);border-color:var(--border)}.btn-danger:hover{background:var(--red-bg)}.input{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--border-focus)}.input::placeholder{color:var(--text-dim)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}