:root {
  --shell-width:1280px; --shell-inset:24px; --header-height:64px; --control-height:38px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
  --text-on-accent:#20160e; --danger-soft:rgba(212,118,103,.06); --danger-border:rgba(212,118,103,.45); --overlay:rgba(0,0,0,.72);
  --bg:#181a1b; --bg-header:rgba(24,26,27,.94); --bg-panel:#222425; --bg-elevated:#292b2c; --bg-input:#17191a; --bg-code:#1e2021;
  --panel:#222425; --panel-soft:#202223; --panel-hover:#2a2c2d;
  --border:#383b3d; --border-subtle:#303335; --border-strong:#4a4d4f;
  --text:#f1efea; --text-dim:#b4b1aa; --text-faint:#858680; --muted:#b4b1aa;
  --accent:#eaa15d; --accent-strong:#f6b16d; --accent-text:#f1aa66;
  --positive:#59bf95; --warning:#dfa255; --danger:#d47667;
  --signal-amber:#eaa15d; --signal-amber-soft:rgba(234,161,93,.11); --signal-green:#59bf95; --signal-red:#d47667;
  --focus:#ffc181; --shadow:0 18px 55px rgba(0,0,0,.18);
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;
  --radius-sm:4px; --radius:6px; --radius-lg:8px;
  --syntax-comment:#7e8781; --syntax-keyword:#e2a55f; --syntax-string:#a8c99b; --syntax-number:#d7bd89; --syntax-property:#ded8ca; --syntax-tag:#cc9672; --syntax-heading:#f0ece3;
}
[hidden]{display:none!important}
*{box-sizing:border-box}html{color-scheme:dark;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:rgba(234,161,93,.27);color:var(--text)}
.code-surface{font-family:var(--mono);font-size:13px;line-height:1.58;color:var(--text);tab-size:4}.tok.comment{color:var(--syntax-comment);font-style:italic}.tok.keyword{color:var(--syntax-keyword)}.tok.string{color:var(--syntax-string)}.tok.number{color:var(--syntax-number)}.tok.property{color:var(--syntax-property)}.tok.tag{color:var(--syntax-tag)}.tok.heading{color:var(--syntax-heading);font-weight:700}.code-line{display:flex;min-width:max-content}.code-line:target{background:rgba(234,161,93,.1)}.line-no{user-select:none;width:4.5em;padding-right:1.25em;text-align:right;color:var(--text-faint);text-decoration:none;flex:0 0 auto}.line-no:hover{color:var(--accent-text)}.line-code{white-space:pre;padding-right:22px}.language-badge{font:11px/1 var(--mono);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 8px}
.skip-link{position:fixed;left:12px;top:10px;z-index:200;transform:translateY(-160%);background:var(--signal-amber);color:#18120c;padding:9px 13px;border-radius:8px;font-weight:800}.skip-link:focus{transform:none}button,a,input,select,textarea,summary{scroll-margin-top:88px}button,.btn,.hamburger,summary{min-height:38px}img{max-width:100%;height:auto}pre,table{max-width:100%;overflow:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
html { scrollbar-gutter: stable; }

@media(max-width:620px) { :root { --shell-inset:16px; } }