.theme-toggle{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding:9px 12px;min-height:40px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font-size:12px}.topbar{gap:22px}
html[data-theme=dark]{--ink:#e5eeec;--muted:#a6b9b7;--green:#6edbbb;--line:#34484c;--bg:#101c20;--pale:#213b32}
html[data-theme=dark] :is(.topbar,.footer,.converter,.category-card,.article,.about-card,.icon-button,.skip-link,.side-search,.table-search,.swap-button,.related-links a){background:#19292e}
html[data-theme=dark] .sidebar{background:#142328}
html[data-theme=dark] :is(.active,.category-link:hover,.side-home:hover,.category-icon,.output-panel,.contact-box,.conversion-conventions){background:#203b33}
html[data-theme=dark] :is(.input-panel,.output-panel,.unit-select,.art-label){border-color:#3c5557}
html[data-theme=dark] :is(.value-input,.unit-select,.result-value,.timeline strong){color:var(--ink)}
html[data-theme=dark] .result-value{color:#91e9bd}
html[data-theme=dark] select option{background:#19292e;color:#e5eeec}
html[data-theme=dark] :is(.brand-mark,.button-primary,.install-dialog button){background:#087f6c;color:#fff}
html[data-theme=dark] :is(th,tbody tr:hover){background:#21343a}
html[data-theme=dark] td{border-color:var(--line)}
html[data-theme=dark] tr.selected td{background:#244536;color:#91e9bd}
html[data-theme=dark] .art-label{background:#243a40;color:var(--ink)}
html[data-theme=dark] .art-result{background:#284b35;color:#b8efcb}
html[data-theme=dark] .art-ring{border-color:#365047;background:radial-gradient(circle,#264637,transparent 70%)}
html[data-theme=dark] .toast{background:#dcece4;color:#152725}
html[data-theme=dark] .install-dialog{background:#19292e;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.install-dialog::backdrop,.sidebar-overlay){background:#0009}
html[data-theme=dark] :is(.conversion-status){color:#ffb6a4}
html[data-theme=dark] .noscript-note{background:#4c3d23;color:#fff1d3}
html[data-theme=dark] :is(input::placeholder){color:#a1b2b3;opacity:1}
html[data-theme=dark] .partners .eyebrow{color:var(--muted)}
@media(max-width:1100px){.top-tag{display:none}}
@media(max-width:760px){.theme-toggle{margin-left:auto;width:40px;padding:8px;font-size:20px}.theme-toggle span{display:none}.topbar{gap:10px}.menu-button{margin-left:0}}