html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark;--bg:#101613;--surface:#17201b;--ink:#eef7f2;--muted:#aab9b2;--line:#2b3933;--accent:#5eead4;--accent-2:#f2bf5b;--soft:#12312d}html[data-theme=dark] .site-header{background:rgba(16,22,19,.94)}html[data-theme=dark] .display-stack,html[data-theme=dark] .key,html[data-theme=dark] .input-grid input,html[data-theme=dark] .input-grid select{background:#121a16}html[data-theme=dark] .key.operator{background:#2b2415;color:#f2bf5b}html[data-theme=dark] .key.equals{background:#0f766e;border-color:#0f766e;color:#fff}html[data-theme=dark] .ghost-button{background:#17201b;color:var(--ink)}.theme-switcher{display:flex;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.25rem;background:var(--surface)}.theme-switcher button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:.4rem .62rem;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer}.theme-switcher button[aria-pressed=true]{background:var(--accent);color:#fff}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.side-note .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results strong{max-width:100%;overflow-wrap:anywhere}.ghost-button{min-height:42px}@media(max-width:900px){.tool-layout{grid-template-columns:1fr}.side-note .tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:620px){.tool-grid,.side-note .tool-grid{grid-template-columns:1fr}.theme-switcher{width:100%}.theme-switcher button{flex:1}.topbar{gap:.75rem}}