:root{color-scheme:light;--canvas:#f2f4f5;--surface:#fff;--surface-soft:#edf4f1;--text:#222b30;--muted:#5e6d70;--border:#dce3e3;--accent:#285950;--accent-hover:#20473f;--on-accent:#fff;--warning:#75521a;--warning-bg:#fcf4e3;--danger:#ad3931;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
:root[data-theme="dark"]{color-scheme:dark;--canvas:#161719;--surface:#1e2023;--surface-soft:#282b2f;--text:#eceef0;--muted:#afb3ba;--border:#3b3f45;--accent:#a7c9b9;--accent-hover:#c0dacd;--on-accent:#17251f;--warning:#ebcd8e;--warning-bg:#302a1d;--danger:#ffaba3;}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark;--canvas:#161719;--surface:#1e2023;--surface-soft:#282b2f;--text:#eceef0;--muted:#afb3ba;--border:#3b3f45;--accent:#a7c9b9;--accent-hover:#c0dacd;--on-accent:#17251f;--warning:#ebcd8e;--warning-bg:#302a1d;--danger:#ffaba3;}}
body{background:var(--canvas);color:var(--text)}
.display-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.display-controls label{display:grid;gap:4px;font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--muted);text-align:left}
.display-controls select{font:inherit;font-size:12px;font-weight:500;min-height:38px;max-width:130px;border:1px solid var(--border);border-radius:7px;padding:6px 24px 6px 10px;color:var(--text);background:var(--surface);cursor:pointer}
.display-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button,a,input,select{ -webkit-tap-highlight-color:transparent }
@media(max-width:640px){.display-controls{gap:8px}.display-controls select{min-height:44px;max-width:118px}.display-controls label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}