:root{color-scheme:dark}
html[data-theme=light]{color-scheme:light;--bg:#f3f6f9;--panel:#ffffff;--panel2:#eaf0f5;--line:#cbd8e1;--text:#172b3a;--muted:#526a7a;--accent:#087e75;--green:#137b4d;--red:#be3249;--amber:#916000}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;cursor:pointer;font:inherit;font-size:12px;font-weight:650}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-theme=light] body{background:#f3f6f9!important;color:#172b3a!important}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{color-scheme:light!important}
html[data-theme=light] dialog::backdrop{background:rgba(28,47,63,.35)!important}
html[data-theme=light] .price-cell.price-up{animation:theme-price-rise 1.6s ease-out both!important}
html[data-theme=light] .price-cell.price-down{animation:theme-price-fall 1.6s ease-out both!important}
@keyframes theme-price-rise{0%,18%{background-color:#d7f3e4;color:#146d46}100%{background-color:transparent;color:inherit}}
@keyframes theme-price-fall{0%,18%{background-color:#ffe0e4;color:#a92942}100%{background-color:transparent;color:inherit}}
@media(prefers-reduced-motion:reduce){html[data-theme=light] .price-cell.price-up,html[data-theme=light] .price-cell.price-down{animation:none!important}}
@media(max-width:700px){.status{flex-wrap:wrap}.theme-toggle{margin-left:auto}}