:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#fff;--fg:#111;--mut:#666;--ac:#2563eb;--card:#e9e9ec;--in:#16a34a;--out:#dc2626}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0d0d0f;--fg:#eee;--mut:#999;--card:#222226}}
:root[data-theme="dark"]{--bg:#0d0d0f;--fg:#eee;--mut:#999;--card:#222226}
html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}
body{height:100%;margin:0;background:var(--bg);color:var(--fg);font:13px system-ui,sans-serif;box-sizing:border-box;padding:6px 6px 22px;display:flex;flex-direction:column;gap:6px;overflow:hidden;-webkit-user-select:none;user-select:none}