:root{
  --os-bg:#0F1115;
  --os-surface:#181B21;
  --os-surface2:#23262E;
  --os-accent:#3B82F6;
  --os-success:#10B981;
  --os-warning:#F59E0B;
  --os-text:#E2E8F0;
  --os-muted:#94A3B8;
}
html,body{height:100%}
body{
  background-color:var(--os-bg);
  color:var(--os-text);
  overflow-x:hidden;
}
::selection{background:var(--os-accent); color:white}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--os-surface2);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--os-accent)}
.glass-panel{
  background: rgba(24, 27, 33, 0.78);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.mode-btn.active{
  background-color: var(--os-accent);
  color: white;
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
  border-color: var(--os-accent);
}
.kbd{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: var(--os-text);
}