.hk-theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;min-height:40px;padding:9px 15px;margin-left:12px;border:1px solid #69716055;border-radius:24px;background:#fffaf0;color:#293024;font:600 12px Arial,sans-serif;line-height:1;cursor:pointer;white-space:nowrap}.hk-theme-toggle:focus-visible{outline:3px solid #c16a47;outline-offset:4px}.hk-theme-floating{position:fixed;left:18px;bottom:18px;z-index:80;box-shadow:0 5px 20px #0002}html[data-hk-theme=dark]{--cream:#111815;--paper:#1c2720;--charcoal:#0c120f;--black:#080d0a;--ink:#f5eddc;--muted:#b6c2b3;--line:rgba(236,244,222,.22);--bg:#111815;--panel:#1c2720;color-scheme:dark}html[data-hk-theme=light]{color-scheme:light}html[data-hk-theme=dark] body{background:#111815;color:#f5eddc}html[data-hk-theme=dark] .nav{background:rgba(17,24,21,.96)}html[data-hk-theme=dark] .charcoal,html[data-hk-theme=dark] .charcoal p,html[data-hk-theme=dark] .footer{color:#f2ead8}html[data-hk-theme=dark] .button.dark,html[data-hk-theme=dark] .audio-card .button.outline{color:#f2ead8;border-color:#71816b}html[data-hk-theme=dark] .brand-logo img,html[data-hk-theme=dark] .footer-logo img{filter:brightness(0) invert(1)}html[data-hk-theme=dark] .hk-theme-toggle{background:#26352b;color:#f8eedc;border-color:#667b5b}html[data-hk-theme=dark] .paper{background:#1c2720;border-color:#3c4d3b;color:#f5eddc}html[data-hk-theme=dark] p,html[data-hk-theme=dark] .detail,html[data-hk-theme=dark] .tiny,html[data-hk-theme=dark] .minor,html[data-hk-theme=dark] .label,html[data-hk-theme=dark] .kicker{color:#b6c2ae}html[data-hk-theme=dark] nav{border-color:#526047}html[data-hk-theme=dark] .notice{background:#26372a;color:#f7efde}html[data-hk-theme=dark] .share{background:#263b2c}html[data-hk-theme=dark] .code{background:#101b14;border-color:#7b8c66;color:#e5ead7}html[data-hk-theme=dark] .button:not(.alt):not(.outline){background:#e6eacb;color:#182318;border-color:#e6eacb}html[data-hk-theme=dark] .button.alt{background:#28382a;color:#eff2dd;border-color:#6a7d5b}html[data-hk-theme=dark] .badge{background:#344b30;color:#e7edcf}html[data-hk-theme=dark] .badge.demo{background:#4c3626;color:#f6ccaa}html[data-hk-theme=dark] .ledger,html[data-hk-theme=dark] td,html[data-hk-theme=dark] .steps,html[data-hk-theme=dark] .footer{border-color:#45573e}html[data-hk-theme=dark] th{color:#cad6b9}html[data-hk-theme=dark] input,html[data-hk-theme=dark] textarea,html[data-hk-theme=dark] select,html[data-hk-theme=dark] .calculator input,html[data-hk-theme=dark] .calculator select{background:#142016;color:#f2efd9;border-color:#607255}html[data-hk-theme=dark] .alert{background:#463823;color:#f1dcb2}html[data-hk-theme=dark] .alert.error{background:#482c24;color:#ffd2b8}html[data-hk-theme=dark] .rules li{color:#ced6c0}html[data-hk-theme=dark] .calculator .result{color:#cbe5aa}html[data-hk-theme=dark] .bar span{background:#34432f}html[data-hk-theme=dark] .bar span.on{background:#a4c181}html[data-hk-theme=dark] h1 em{color:#ed9b78}html[data-hk-theme=dark] .account-card,html[data-hk-theme=dark] .engagement-card{background:#1c2720;color:#f5eddc}@media(max-width:600px){.hk-theme-toggle{padding:9px 12px;margin-left:6px;font-size:11px}nav small{display:none}}
/* Keep the existing three-column HK header intact. */
.nav .hk-theme-toggle{position:absolute;right:180px;top:50%;transform:translateY(-50%);width:auto;margin:0;min-width:74px}
@media(max-width:700px){.nav .menu-toggle{font-size:0;gap:0;min-width:38px}.nav .hk-theme-toggle{left:44px;right:auto;min-width:38px;width:38px;height:38px;padding:8px;font-size:0}.nav .hk-theme-toggle::before{content:'☾';font-size:17px}html[data-hk-theme=light] .nav .hk-theme-toggle::before{content:'☀'}}