:root{--bg:#0b0d12;--panel:#12151c;--panel-2:#171b24;--border:#262b36;--text:#e7e9ee;--text-dim:#9aa2b1;--accent:#6d6dff;--accent-2:#38d9c9;--danger:#ff5d6c;--radius:14px}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(1200px 600px at 20% -10%,#1a1f2e 0,var(--bg) 55%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;min-height:100vh}a{color:inherit}button{font-family:inherit;cursor:pointer}.container{max-width:880px;margin:0 auto;padding:32px 20px 80px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:transform .1s ease,opacity .15s ease}.btn:hover{opacity:.92}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.btn.danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 14px;font-size:15px;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--text-dim)}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2)}.scrollbar-thin::-webkit-scrollbar{width:8px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}