:root{--bg: #0b0d10;--panel: #12151a;--text: #e9eef6;--muted: #aab3c2;--brand: #6aa3ff;--accent: #22c55e;--danger: #ef4444;--border: #222732}*{box-sizing:border-box}html,body,#root{height:100%}html,body{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{width:100%;max-width:980px;margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--border);position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in oklab,var(--bg) 85%,transparent)}.site-header nav{display:flex;align-items:center;gap:16px;padding:14px 0}.site-header .brand{font-weight:700;color:var(--text);text-decoration:none}.site-header a{color:var(--muted);text-decoration:none}.site-header a:hover{color:var(--text)}.site-header .spacer{flex:1}.site-header .tab-sep{color:var(--muted);margin:0 10px}.linklike{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;padding:0}.linklike:hover{color:var(--text)}main.container{padding:32px 16px 64px}h1,h2,h3{margin:0 0 12px}p{color:var(--muted);line-height:1.7}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#041021;font-weight:600;padding:10px 14px;border:0;border-radius:10px;cursor:pointer;text-decoration:none}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0f1319;color:var(--text)}.row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.row>*:only-child{grid-column:1 / -1}.muted{color:var(--muted)}.space{height:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.right{text-align:right}.site-footer{border-top:1px solid var(--border);padding:18px 0;color:var(--muted)}
