body{
  --mode-accent:#0969da;
  --mode-accent-strong:#075fc8;
  --mode-soft:#eaf3ff;
  --mode-border:#cbdff6;
  --mode-header:#0b1b32;
  --mode-toolbar:#0f2543;
}
body.linux-mode{
  --mode-accent:#148341;
  --mode-accent-strong:#087a4b;
  --mode-soft:#e8f8ee;
  --mode-border:#c8e8d0;
  --mode-header:#10261a;
  --mode-toolbar:#153621;
}
body.macos-mode{
  --mode-accent:#6657c8;
  --mode-accent-strong:#5041a6;
  --mode-soft:#f0edff;
  --mode-border:#d8d2f5;
  --mode-header:#1d1b2d;
  --mode-toolbar:#29263d;
}
.topbar{background:var(--mode-header)}
.toolsbar{background:var(--mode-toolbar)}
.launch.primary,.script-action.primary,.install-action,.primary-action{background:var(--mode-accent);border-color:var(--mode-accent)}
.categories button.active,.platform-menu button:hover,.platform-menu button.active{background:var(--mode-soft);color:var(--mode-accent-strong)}
.command-item.active .cmd-icon{background:var(--mode-accent)}
.category-pill{background:var(--mode-soft);color:var(--mode-accent-strong)}
.kicker,.docs-link{color:var(--mode-accent-strong)}
.platform-rule{background:var(--mode-soft);border-color:var(--mode-border)}
.win-grid i{background:var(--mode-accent)}
.notice{border-left-color:var(--mode-accent);background:linear-gradient(90deg,var(--mode-soft),#fff 42%)}
.topbar,.toolsbar,.launch.primary,.script-action.primary,.install-action,.primary-action,.categories button,.platform-menu button,.cmd-icon,.category-pill,.kicker,.docs-link,.platform-rule,.logo,.notice{
  transition:background-color .42s ease,border-color .42s ease,color .42s ease,box-shadow .42s ease;
}
.mode-content-enter{animation:modeContentIn .5s cubic-bezier(.2,.75,.25,1) both}
.logo.logo-switching{animation:logoSwitch .52s cubic-bezier(.2,.85,.25,1.18) both}
.notice:not([hidden]){animation:modeNoticeIn .34s ease-out both}
@keyframes modeContentIn{
  from{opacity:.35;transform:translateY(14px);filter:brightness(.92)}
  to{opacity:1;transform:translateY(0);filter:brightness(1)}
}
@keyframes logoSwitch{
  0%{opacity:.25;transform:scale(.72) rotate(-10deg)}
  70%{opacity:1;transform:scale(1.08) rotate(2deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@keyframes modeNoticeIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .topbar,.toolsbar,.launch.primary,.script-action.primary,.install-action,.primary-action,.categories button,.platform-menu button,.cmd-icon,.category-pill,.kicker,.docs-link,.platform-rule,.logo,.notice{transition:none}
  .mode-content-enter,.logo.logo-switching,.notice:not([hidden]){animation:none}
}