:root{color-scheme:dark;--bg:#0f172a;--panel:#1e293b;--line:#334155;--text:#e2e8f0;--muted:#94a3b8;--cyan:#06b6d4;--green:#22c55e;font:16px/1.55 system-ui,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);padding-bottom:calc(90px + env(safe-area-inset-bottom))}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer}header{position:sticky;top:0;background:#0f172aee;backdrop-filter:blur(12px);z-index:2}.bar{max-width:880px;margin:auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.bar h1{font-size:1.05rem;margin:0}select{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px}nav#date-pills{display:flex;gap:8px;overflow:auto;padding:8px max(16px,calc((100% - 850px)/2));scrollbar-width:none}nav button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 12px}nav button.active{background:#0e7490;border-color:var(--cyan)}main{max-width:880px;margin:auto;padding:12px 16px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}