/* A quiet, monochrome surface shared by the supporting tools and settings. */
:root {
  color-scheme: dark;
  --bg:#000; --panel:#111; --surface:#111; --sub:#1a1a1a;
  --line:#2a2a2a; --edge:#2a2a2a; --border:#2a2a2a;
  --text:#f5f5f7; --muted:#a1a1a6; --accent:#f5f5f7; --light:#f5f5f7;
  --sa-bg:#000; --sa-surface:#111; --sa-raised:#1a1a1a;
  --sa-border:#2a2a2a; --sa-text:#f5f5f7; --sa-muted:#a1a1a6;
  --sa-accent:#f5f5f7; --sa-gold:#d2d2d7; --sa-focus:#f5f5f7;
}
html, body { background:#000; color:#f5f5f7; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:#d2d2d7; }
header,.top,.sidebar,.nav { background:#000; border-color:#292929; }
.panel,.card,.metric,.box,.category,.summary article,.login-card,.key-tile { background:#111; border-color:#2a2a2a; box-shadow:none; }
.card,.panel,.category,.login-card { border-radius:18px; }
.eyebrow,.runtime-kicker,.subhead,.key-tag,.text-link,.key-tile a,.key-note a,.notice a,.live,.warn,.status { color:#c5c5ca!important; }
.mark,.brand-mark,.brand-mark.big { background:#f5f5f7; color:#111!important; }
.brand span:not(.brand-mark),.brand strong { color:#f5f5f7; }
.icon,.field,.sample,.column,.runtime-step,.result-banner,.key-tile,.notice,.warning { background:#171717; border-color:#303030; color:#e6e6e8; }
.notice p,.warning p,.hint,.panel-help,.footnote,.count,.empty { color:#a1a1a6; }
input:not([type=checkbox]):not([type=file]), textarea, select, .search { background:#111; border-color:#333; color:#f5f5f7; }
.search input { background:transparent!important; border:0!important; }
input::placeholder,textarea::placeholder { color:#86868b; }
button,.button,.btn,.open,.favorite,.secondary,.account,.controls a { color:#eee; border-color:#444; }
button,.upload { background:#202020; color:#eee; border-color:#444; }
button:hover,.button:hover,.btn:hover,.open:hover,.favorite:hover,.secondary:hover { background:#292929; border-color:#777; }
.primary,.btn.primary,.action,.tabs button.selected,.switcher button[aria-pressed=true],.review-buttons button[aria-pressed=true] { background:#f5f5f7; border-color:#f5f5f7; color:#111; }
.primary:hover,.btn.primary:hover { background:#d2d2d7; color:#111; }
.badge,.tag,.runtime-pill,.key-tag { background:#232323; border-color:#444; color:#d2d2d7; }
.key-tag { background:transparent; border:0; }
.avatar { background:#303030; color:#f5f5f7; }
.danger,.favorite[aria-pressed=true] { color:#f5f5f7; }
pre { background:#151515; border-color:#353535; color:#e5e5e5; }
nav button[aria-current=page],.nav a.active { background:#262626; color:#fff; }
nav button:hover,.nav a:hover,.settings-nav-link:hover { background:#222; color:#fff; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid #f5f5f7; outline-offset:3px; }
@media (max-width:700px) { .card,.panel,.category { border-radius:14px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }
.secondary-top-nav{display:flex;gap:30px;margin-left:auto;align-items:center;overflow:auto;white-space:nowrap}
.secondary-top-nav a{font-size:12px;color:#aaa;text-decoration:none}
.secondary-top-nav a:hover,.secondary-top-nav a[aria-current=page]{color:#fff}
@media(max-width:700px){header.top:has(.secondary-top-nav){height:auto;display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px}.secondary-top-nav{width:100%;gap:20px;margin-left:0}}