.theme-toggle{border:1px solid var(--line);padding:8px 14px;border-radius:24px;background:var(--panel);color:var(--text);font-size:11px;white-space:nowrap}
:root:not([data-theme=dark]){color-scheme:light;--bg:#fff;--panel:#f8f9fb;--text:#27252a;--muted:#65616a;--line:#e2dfe1;--green:#306e58}
:root:not([data-theme=dark]) .header,:root:not([data-theme=dark]) .header nav.open{background:#fff}
:root:not([data-theme=dark]) .header nav,:root:not([data-theme=dark]) .text-link,:root:not([data-theme=dark]) .hero-bottom a{color:#6b7280}
:root:not([data-theme=dark]) .header nav a:hover{color:#e60012}
:root:not([data-theme=dark]) .principles,:root:not([data-theme=dark]) .guide-note{background:#fff5f6;color:#63535c}
:root:not([data-theme=dark]) .eyebrow{color:#c90010}
:root:not([data-theme=dark]) .feature{background:#faf8f8}
:root:not([data-theme=dark]) .feature:hover{background:#fff1f2}
:root:not([data-theme=dark]) .console-wrap{background:#fff;color:var(--text);border-color:#e5d8dc;box-shadow:0 15px 60px #7623350d}
:root:not([data-theme=dark]) .console-top{background:#f7f3f4;color:#685d66;border-color:var(--line)}
:root:not([data-theme=dark]) .console-sidebar{background:#faf7f8;border-color:var(--line)}
:root:not([data-theme=dark]) .console-sidebar>div:not(.console-brand){color:#655d67}
:root:not([data-theme=dark]) .console-sidebar>div.selected{background:#fbe7eb;color:#a51b33}
:root:not([data-theme=dark]) :is(.console-sidebar>span,.console-sidebar small,.console-title p,.metrics>div>span,.metrics strong span,.console-bottom,.workspace-caption,.workspace-caption p,.workspace-caption>span:last-child){color:#6a626c}
:root:not([data-theme=dark]) :is(.metrics>div,.demo-toolbar,.console-wrap td){border-color:var(--line)}
:root:not([data-theme=dark]) :is(.demo-toolbar,.console-wrap th,.console-wrap td small,.row-state){color:#6a626c}
:root:not([data-theme=dark]) .console-wrap td{color:#49414c}
:root:not([data-theme=dark]) .console-wrap td:first-child{color:#302932}
:root:not([data-theme=dark]) .success-metric strong{color:#b31f3b}
:root:not([data-theme=dark]) .row-state.running{color:#9f4918}
:root:not([data-theme=dark]) .row-state.success{color:#276c4a}
:root:not([data-theme=dark]) .row-state.skipped{color:#8a6116}
:root:not([data-theme=dark]) .product-icon{background:#f7efe3;color:#8a632b;border-color:#e1d4be}
:root:not([data-theme=dark]) .product-icon.book{background:#f1ebf7;color:#79558c;border-color:#ddd0e8}
:root:not([data-theme=dark]) .product-icon.cup{background:#f9eae6;color:#9e5347;border-color:#ebd0c9}
:root:not([data-theme=dark]) .product-icon.bag{background:#eaf3ed;color:#47765b;border-color:#ccdfd2}
:root:not([data-theme=dark]) .progress-track{background:#f3e3e8}
:root:not([data-theme=dark]) .rule-panel{background:linear-gradient(135deg,#fff,#fff5f7);color:var(--text);border-color:#e5d8dc}
:root:not([data-theme=dark]) :is(.rule-panel-top,.rule-transform){color:#974058}
:root:not([data-theme=dark]) :is(.rule-label,.rule-foot){color:#6d606a}
:root:not([data-theme=dark]) .before-title{color:#51464f}
:root:not([data-theme=dark]) .before-title del{color:#9c6576}
:root:not([data-theme=dark]) .after-title{color:#34242c}
:root:not([data-theme=dark]) .after-title span{color:#a51b33}
:root:not([data-theme=dark]) .rule-tabs button[aria-selected=true]{color:#a51b33;font-weight:600}
:root:not([data-theme=dark]) .tags span{background:#fff;border-color:#e4d5db;color:#785565}
:root:not([data-theme=dark]) :is(.feature-number,.soft-text,.rule-copy>p,.faq-heading>p,.steps p,.faq-list details p,.closing>p){color:#6a6069}
:root:not([data-theme=dark]) .feature:hover{box-shadow:0 16px 35px #76233512}
:root:not([data-theme=dark]) .folders span{background:linear-gradient(140deg,#efb2bf,#fff0f3);border-color:#bb6379}
:root:not([data-theme=dark]) .folders span:before{background:#f2c9d3;border-color:#bb6379}
:root:not([data-theme=dark]) :is(.nodes span,.nodes i,.nodes b,.nodes em,.result-symbol>span){background:#fff0f3;border-color:#b76b7d;color:#a42b48}
:root:not([data-theme=dark]) :is(.motion-toggle,.gyro-toggle){background:#fff5f7;color:#8b354e;border-color:#dcb5c1}
:root:not([data-theme=dark]) :is(.motion-toggle:hover,.gyro-toggle[aria-pressed=true]){background:#fbe5ec;color:#a51b33;border-color:#b86a81}
:root:not([data-theme=dark]) .gyro-hint{color:#80586a}
:root:not([data-theme=dark]) .plinth{background:radial-gradient(ellipse at 50% 25%,#f5d4de,#eadce2 63%);border-color:#c995a6;box-shadow:0 9px 0 #e4ced7,0 10px 0 #cfadbb,0 22px 32px #62263b20}
:root:not([data-theme=dark]) .plinth span{color:#8c4059}
:root:not([data-theme=dark]) .closing-glow{background:#f4c5d233}
:root:not([data-theme=dark]) .hero-copy>p,:root:not([data-theme=dark]) .section-heading>p,:root:not([data-theme=dark]) .feature p,:root:not([data-theme=dark]) .guide-content p,:root:not([data-theme=dark]) .guide-content li{color:#6b7280}
:root:not([data-theme=dark]) .icp{color:#6b7280}
@media(max-width:900px){.header{gap:12px}.header nav{gap:16px}.header .nav-cta{display:none}.theme-toggle{padding:7px 10px}.header{padding-left:20px;padding-right:20px}}