:root {
      color-scheme: dark;
      --bg: #0b0d12;
      --chrome: #11131a;
      --activity: #171922;
      --side: #151821;
      --panel: #0f1117;
      --editor: #0b0d12;
      --tab: #181b24;
      --border: #252936;
      --border-soft: rgba(255,255,255,.06);
      --text: #e8eaf0;
      --muted: #8f96a8;
      --dim: #626a7e;
      --accent: #8b5cf6;
      --accent-2: #38bdf8;
      --green: #22c55e;
      --orange: #f59e0b;
      --red: #ef4444;
      --shadow: 0 24px 80px rgba(0,0,0,.35);
      --app-height: 100dvh;
    }
    * { box-sizing: border-box; }
    html, body {
      height: var(--app-height);
      min-height: var(--app-height);
      overflow: hidden;
      overscroll-behavior: none;
    }
    body {
      position: fixed;
      inset: 0;
      width: 100%;
      max-height: var(--app-height);
      margin: 0;
      overflow: hidden;
      background: var(--bg);
      color: var(--text);
      font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif;
      font-size: 13px;
    }
    button, textarea, input, select { font: inherit; }
    button { border: 0; color: inherit; background: none; cursor: pointer; }
    button, .btn, .file-label, .startup-icon-btn, .modal-close, .activity-btn, .agent-mic, .agent-attach, .remote-update-ignore, .remote-update-close, .ico {
      transform-origin: center;
      transition-property: background, border-color, box-shadow, color, opacity, scale, transform;
      transition-duration: .16s;
      transition-timing-function: ease;
    }
    @media (hover: hover) and (pointer: fine) {
      button:not(:disabled):hover,
      .btn:not(:disabled):hover,
      .file-label:hover,
      .startup-icon-btn:hover,
      .modal-close:hover,
      .activity-btn:hover,
      .agent-mic:hover,
      .agent-attach:hover,
      .remote-update-ignore:hover,
      .remote-update-close:hover {
        scale: 1.025;
      }
      button:not(:disabled):hover .ico,
      .btn:not(:disabled):hover .ico,
      .file-label:hover .ico,
      .activity-btn:hover .ico,
      .startup-icon-btn:hover .ico,
      .ico:hover {
        scale: 1.08;
      }
    }
    @media (prefers-reduced-motion: reduce) {
      button, .btn, .file-label, .startup-icon-btn, .modal-close, .activity-btn, .agent-mic, .agent-attach, .remote-update-ignore, .remote-update-close, .ico {
        transition: none;
      }
      button, .btn, .file-label, .startup-icon-btn, .modal-close, .activity-btn, .agent-mic, .agent-attach, .remote-update-ignore, .remote-update-close, .ico {
        scale: 1 !important;
      }
    }