:root{--bg:#e8ebf0;--surface:#ffffff;--fg:#1a2030;--muted:#5b6476;--line:#d3d9e3;--accent:#2c3c9a;--accent-fg:#ffffff;--warn:#b3261e;--shadow:rgba(20,30,60,0.16);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1219;--surface:#1a1f29;--fg:#e6e9f0;--muted:#98a1b3;--line:#2c3340;--accent:#97a6ff;--accent-fg:#0f1219;--warn:#ff8a80;--shadow:rgba(0,0,0,0.5);color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui),system-ui,sans-serif;font-size:14px;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}