:root {
  color-scheme: dark;
  --host-bg: #070b14;
  --host-surface: #0c1220;
  --host-surface-2: #121a2b;
  --host-border: rgba(255,255,255,.08);
  --host-text: #eef3ff;
  --host-muted: #8c98ae;
  --accent: #86a8ff;
  --panel-size: 74px;
  --panel-opacity: .72;
  --panel-blur: 28px;
  --window-radius: 20px;
  --window-gap: 14px;
  --window-opacity: .9;
  --window-blur: 26px;
  --focus-border: 1.5px;
  --launcher-width: 760px;
  --launcher-height: 650px;
  --motion-duration: 180ms;
  --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--host-bg); color: var(--host-text); font-family: var(--font-ui); }
button, input, select { font: inherit; }
button { color: inherit; }