.theme-toggle{display:inline-flex;align-items:center;gap:5px;padding:7px 3px;border:0;background:transparent;color:var(--ink);cursor:pointer}.theme-sun,.theme-moon{font-size:15px;line-height:1}.theme-track{width:31px;height:18px;border-radius:20px;background:#d9dfd1;padding:3px;display:block}.theme-track i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.theme-toggle[aria-checked=true] .theme-track{background:#df764e}.theme-toggle[aria-checked=true] .theme-track i{transform:translateX(13px)}.navright{gap:12px}
html[data-theme=dark]{--paper:#121a17;--ink:#e5eae0;--muted:#a7b2a2;--line:#34463b;--green:#26392c;--white:#1c2821;color-scheme:dark}html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] header,html[data-theme=dark] footer{background:#121a17}html[data-theme=dark] .card,html[data-theme=dark] .searchpanel,html[data-theme=dark] .analytics-choice,html[data-theme=dark] .lab-main{background:#1b2821;border-color:#34463b}html[data-theme=dark] .card p,html[data-theme=dark] .meta,html[data-theme=dark] .quiet,html[data-theme=dark] .dek,html[data-theme=dark] .crumb,html[data-theme=dark] .prose p,html[data-theme=dark] .prose li,html[data-theme=dark] .footbrand p{color:#b9c4b3}html[data-theme=dark] .filter,html[data-theme=dark] .articletools button,html[data-theme=dark] input,html[data-theme=dark] .lab-custom input{background:#202e26;color:#e5eae0;border-color:#40523f}html[data-theme=dark] .filter.active{background:#d4e2bf;color:#1c3226}html[data-theme=dark] .tag{color:#b9cc9e}html[data-theme=dark] .tint,html[data-theme=dark] .avatar,html[data-theme=dark] .nativeitem{background:#293c2d;color:#d7e2cc}html[data-theme=dark] .adshell,html[data-theme=dark] .adplaceholder,html[data-theme=dark] .native{background:#18231d;border-color:#3c4e3c;color:#9fad96}html[data-theme=dark] .adplaceholder strong{color:#b7c5ab}html[data-theme=dark] .prose blockquote,html[data-theme=dark] .checklist,html[data-theme=dark] .prose table{background:#1c2b22;border-color:#3b4d3a;color:#d7e1cf}html[data-theme=dark] .lab-picker{background:#202e25;border-color:#34463b}html[data-theme=dark] .lab-platforms button,html[data-theme=dark] .format-choice,html[data-theme=dark] .lab-slider button{background:#202e25;border-color:#3e513d;color:#dbe6d2}html[data-theme=dark] .lab-platforms button[aria-selected=true]{background:#3d644b;color:#fff;border-color:#779d65}html[data-theme=dark] .format-choice.active{background:#2b4431;border-color:#8da879;box-shadow:0 0 0 1px #8da879}html[data-theme=dark] .format-choice small,html[data-theme=dark] .lab-picker>p,html[data-theme=dark] .lab-selected>p,html[data-theme=dark] .lab-safety p,html[data-theme=dark] .lab-source,html[data-theme=dark] .lab-format-status,html[data-theme=dark] .lab-preview-heading,html[data-theme=dark] .lab-preview-options,html[data-theme=dark] .lab-selected-title>span{color:#b4c1aa}html[data-theme=dark] .lab-safety{background:#26392b}html[data-theme=dark] .lab-preview-stage{background:radial-gradient(#3b4e38 1px,transparent 1px);background-size:15px 15px;border-color:#354831}html[data-theme=dark] .lab-read-link{background:#b6cba2;color:#172c20}html[data-theme=dark] .banner-anatomy{background:#233328;border-color:#40533c;color:#dce7d0}html[data-theme=dark] .anatomy-home{background:transparent}html[data-theme=dark] .anatomy-heading p,html[data-theme=dark] .anatomy-explanation,html[data-theme=dark] .anatomy-explanation p,html[data-theme=dark] .anatomy-note,html[data-theme=dark] .anatomy-disclosure{color:#b6c6a7}html[data-theme=dark] .anatomy-note{background:#233328;border-left-color:#5b7050}html[data-theme=dark] .anatomy-note.active{color:#f2d8b8;border-left-color:#f18b59}html[data-theme=dark] .anatomy-note>span,html[data-theme=dark] .anatomy-controls button{border-color:#637957}html[data-theme=dark] .anatomy-controls [aria-pressed=true]{background:#c3d6ab;color:#203324}html[data-theme=dark] .anatomy-browser{background:#18261e;border-color:#506347}html[data-theme=dark] .anatomy-browser-bar,html[data-theme=dark] .anatomy-browser-footer{border-color:#354b36;color:#b0c19e}html[data-theme=dark] .anatomy-page-copy{color:#b4c6a2}html[data-theme=dark] .anatomy-page-copy i{background:#394d35}html[data-theme=dark] .anatomy-page-copy em{background:#293e2c}html[data-theme=dark] .anatomy-explanation{border-color:#4a5d42}html[data-theme=dark] .anatomy-width{color:#b5c5a6}html[data-theme=dark] .anatomy-connectors{color:#a8bd90}html[data-theme=dark] .webpage-thumbnail,html[data-theme=dark] .format-cover{background:#26382b!important}html[data-theme=dark] .format-cover-sheet{background:#1c2c21;color:#d2dfc6}html[data-theme=dark] .webpage-thumbnail svg{filter:brightness(.78)}html[data-theme=dark] .visual.rose,html[data-theme=dark] .visual.lavender,html[data-theme=dark] .visual.yellow,html[data-theme=dark] .visual.blue{filter:brightness(.8)}html[data-theme=dark] .navlinks.open{background:#17221b;border-color:#3a4c37}html[data-theme=dark] .pillbtn{background:#d3e2bd;color:#223526}html[data-theme=dark] .analytics-choice p{color:#b9c8b0}html[data-theme=dark] #toast{background:#d0dfbb;color:#203323}
@media(max-width:650px){.navright{gap:5px}.theme-toggle{gap:3px}.theme-sun,.theme-moon{font-size:12px}.theme-track{width:28px}.theme-toggle[aria-checked=true] .theme-track i{transform:translateX(10px)}.nav{gap:10px}.logo{font-size:23px}}
@media(prefers-reduced-motion:reduce){.theme-track i{transition:none}}
/* Gentle graphite gradients with translucent, readable panels. */
html[data-theme=dark]{--paper:#1c222b;--ink:#e1e5eb;--muted:#b3bcc8;--line:#435062;--green:#303f43;--white:#2a3540}
html[data-theme=dark] body{background:radial-gradient(ellipse at 8% 0%,#3b455b55,transparent 48%),radial-gradient(ellipse at 95% 35%,#365a5a33,transparent 50%),linear-gradient(145deg,#252c38 0%,#202a31 52%,#252b36 100%);background-attachment:fixed;color:#e1e5eb}
html[data-theme=dark] header{background:#232c38d9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#9ab2d126;box-shadow:0 1px 20px #0c15201a}
html[data-theme=dark] footer{background:linear-gradient(150deg,#283441e6,#252e38f2);border-color:#9ab2d126}
html[data-theme=dark] .lab-main,html[data-theme=dark] .card,html[data-theme=dark] .searchpanel,html[data-theme=dark] .analytics-choice{background:linear-gradient(135deg,#354150db,#2a3740e8);border-color:#9eb2c733;box-shadow:inset 0 1px 0 #d6e8fa0d,0 12px 32px #1019251a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-theme=dark] .lab-picker{background:linear-gradient(155deg,#3d4a52a6,#2d3d43b3);border-color:#9eb2c72b}
html[data-theme=dark] .lab-safety,html[data-theme=dark] .anatomy-note{background:linear-gradient(145deg,#3c4a48e8,#33433ff2)}
html[data-theme=dark] .lab-platforms button,html[data-theme=dark] .format-choice,html[data-theme=dark] .lab-slider button{background:linear-gradient(145deg,#3d4b57a8,#303f48b8);border-color:#a5b9ce3b;color:#e0e6eb;box-shadow:inset 0 1px 0 #e4f1ff09}
html[data-theme=dark] .lab-platforms button[aria-selected=true],html[data-theme=dark] .format-choice.active{background:linear-gradient(135deg,#53776c,#3f625d);border-color:#a0b8a4;color:#f0f5ef;box-shadow:inset 0 1px 0 #efffe321,0 2px 10px #0d182222}
html[data-theme=dark] .banner-anatomy{background:linear-gradient(140deg,#3c4b47e8,#303f3fe8);border-color:#a0b8aa40;box-shadow:inset 0 1px 0 #f4ffe80d}
html[data-theme=dark] .anatomy-home{background:transparent;box-shadow:none}
html[data-theme=dark] .anatomy-browser{background:linear-gradient(155deg,#2c3b3a,#253535);border-color:#9eb8a44a}
html[data-theme=dark] .anatomy-note,html[data-theme=dark] .anatomy-heading p,html[data-theme=dark] .anatomy-explanation,html[data-theme=dark] .anatomy-explanation p,html[data-theme=dark] .anatomy-disclosure,html[data-theme=dark] .anatomy-width,html[data-theme=dark] .anatomy-browser-footer,html[data-theme=dark] .anatomy-browser-bar{color:#c1cdc3}
html[data-theme=dark] .anatomy-note.active{color:#f3debd}
html[data-theme=dark] .lab-selected>p,html[data-theme=dark] .lab-safety p,html[data-theme=dark] .lab-picker>p,html[data-theme=dark] .format-choice small,html[data-theme=dark] .lab-format-status,html[data-theme=dark] .lab-source,html[data-theme=dark] .lab-preview-options{color:#c4ced6}
html[data-theme=dark] .card p,html[data-theme=dark] .prose p,html[data-theme=dark] .prose li,html[data-theme=dark] .dek,html[data-theme=dark] .meta{color:#c5ced7}
html[data-theme=dark] .adshell,html[data-theme=dark] .adplaceholder{background:linear-gradient(145deg,#2d3942,#29343e);border-color:#a0b6cc33;color:#bac6d0}
html[data-theme=dark] .navlinks.open{background:linear-gradient(145deg,#303d49f5,#29353ff5)}
.adsense-slot{max-width:100%;text-align:center}.adsense-slot[hidden]{display:none!important}body[data-live-ads=true] .sticky-lower-ad{position:static!important}body[data-live-ads=true] .rail{position:static!important}
@media(prefers-reduced-transparency:reduce){html[data-theme=dark] header,html[data-theme=dark] .card,html[data-theme=dark] .lab-main{background:#303d48;backdrop-filter:none;-webkit-backdrop-filter:none}}