.theme-toggle{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);display:grid;place-items:center;font-size:18px;line-height:1}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}html[data-theme="light"]{color-scheme:light;--bg:#f4f8f7;--surface:#fff;--surface2:#eaf3f1;--line:#d5e0df;--text:#14243a;--muted:#536579;--accent:#078f72;--cyan:#078fa0}html[data-theme="light"] body{background:var(--bg);color:var(--text)}html[data-theme="light"] .header{background:#f4f8f7ee;border-color:#d5e0df}html[data-theme="light"] nav{color:#40546b}html[data-theme="light"] .secondary{border-color:#b9c9c8;color:var(--text)}html[data-theme="light"] .secondary:hover{background:#e4efed}html[data-theme="light"] .card{background:linear-gradient(125deg,#fff,#f2f7f6);box-shadow:0 8px 22px #173b3712}html[data-theme="light"] .section-tint{background:#eaf3f1;border-color:#d5e0df}html[data-theme="light"] .flow-panel,html[data-theme="light"] .code-panel{background:#edf5f4;border-color:#cadbd8}html[data-theme="light"] footer{background:#e7f0ef;border-color:#d0dfdd}html[data-theme="light"] .theme-icon{font-size:0}html[data-theme="light"] .theme-icon:after{content:'☾';font-size:18px}html[data-theme="dark"] .theme-icon{font-size:0}html[data-theme="dark"] .theme-icon:after{content:'☼';font-size:18px}@media(max-width:600px){.theme-toggle{width:30px;height:30px;font-size:16px}}