/* shadcn-style dark tokens (zinc) + RTM brand blue */
:root{
  --background:#09090b; --foreground:#fafafa;
  --card:#0f0f12; --muted:#18181b; --muted-fg:#a1a1aa;
  --border:#27272a; --input:#27272a; --ring:#7fa6d9;
  --primary:#7fa6d9; --primary-fg:#0a0f1a;
  --accent:#1c1f26; --destructive:#ef4444; --success:#22c55e;
  --radius:10px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--background);color:var(--foreground);font-size:14px}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
input{font:inherit;color:inherit}
.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;font-weight:500}
.btn-primary{background:var(--primary);color:var(--primary-fg)}
.btn-outline{border:1px solid var(--border)}
.btn-ghost:hover{background:var(--muted)}
.input{height:36px;width:100%;padding:0 12px;border-radius:8px;border:1px solid var(--input);background:transparent;outline:none}
.input:focus{box-shadow:0 0 0 2px var(--ring)}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:600;background:var(--primary);color:var(--primary-fg)}
.badge-muted{background:var(--muted);color:var(--muted-fg)}
.avatar{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-weight:600;flex:none;background:#1e293b;color:#cbd5e1}
.muted{color:var(--muted-fg)}
.sep{height:1px;background:var(--border)}
.switch{width:36px;height:20px;border-radius:999px;background:var(--input);position:relative;flex:none}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fafafa;transition:.2s}
.switch.on{background:var(--primary)}
.switch.on::after{left:18px;background:var(--primary-fg)}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.18em;color:var(--primary)}
.logo .dot{width:22px;height:22px;border-radius:50%;
  background:radial-gradient(circle,var(--primary) 1.4px,transparent 1.6px) 0 0/5px 5px;
  -webkit-mask:radial-gradient(circle at 70% 50%,transparent 35%,#000 36%);mask:radial-gradient(circle at 70% 50%,transparent 35%,#000 36%)}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#27272a;border-radius:8px}