:root{--bg: #0f1115;--panel: #181b22;--panel2: #1f232c;--border: #2a2f3a;--text: #e7eaf0;--muted: #9aa3b2;--accent: #4f8cff;--green: #3fb950;--red: #f85149;--amber: #d29922}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.container{max-width:920px;margin:0 auto;padding:24px 18px 80px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-weight:700;font-size:18px}.brand span{color:var(--accent)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}.card h2{margin:0 0 4px;font-size:16px}.card .sub{color:var(--muted);font-size:13px;margin-bottom:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-row{padding:9px 0;border-top:1px solid var(--border)}.tool-row:first-child{border-top:none}input,button,select{font:inherit;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:9px 11px}input{width:100%;margin-bottom:10px}button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent;color:var(--text)}button.danger{background:transparent;border-color:var(--red);color:var(--red)}button:disabled{opacity:.5;cursor:default}.badge{font-size:11px;padding:2px 8px;border-radius:99px;border:1px solid var(--border)}.badge.green{color:var(--green);border-color:var(--green)}.badge.amber,.badge.beta{color:var(--amber);border-color:var(--amber)}.muted{color:var(--muted)}.err{color:var(--red);font-size:13px;margin:6px 0}.ok{color:var(--green);font-size:13px;margin:6px 0}.center{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-box{width:360px}code,pre{background:#0b0d11;border:1px solid var(--border);border-radius:8px;padding:2px 6px;font-size:12px;word-break:break-all}pre{padding:12px;overflow-x:auto;white-space:pre-wrap}.switch{display:flex;gap:8px;align-items:center}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{background:var(--panel2);color:var(--muted);border-color:var(--border)}.tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}
