html[data-theme="light"], html:not([data-theme]){--bg:#fff;--fg:#111;--border:#aaa;--card:#fafafa;--muted:#666;--button-bg:#f8f8f8;--button-hover:#eaeaea}
html[data-theme="dark"]{--bg:#111;--fg:#f3f3f3;--border:#333;--card:#0d0d0d;--muted:#aaa;--button-bg:#1a1a1a;--button-hover:#222}
@media (prefers-color-scheme: dark){html:not([data-theme]){--bg:#111;--fg:#f3f3f3;--border:#333;--card:#0d0d0d;--muted:#aaa;--button-bg:#1a1a1a;--button-hover:#222}}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;line-height:1.6}
.container{max-width:820px;margin:0 auto;padding:24px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px}
h1{margin:0;font-size:1.4rem;font-weight:700}.controls{display:flex;gap:8px;flex-wrap:wrap}
button,input[type=date]{border:1px solid var(--border);background:var(--button-bg);color:var(--fg);padding:6px 10px;border-radius:10px;cursor:pointer}button:hover{background:var(--button-hover)}
.content{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;min-height:220px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.loading{opacity:.7}
.ref-date{font-size:1.3rem;font-weight:700;text-align:left;margin-bottom:.5rem}
.ref-title{font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:.5rem}
.ref-intro{font-style:italic;margin:.5rem 0;text-align:left}
.ref-cite{text-align:left;font-size:.9rem;color:var(--muted);margin-bottom:1rem}
.ref-body{margin:.75rem 0;text-align:left}
.ref-intro,.ref-body,.ref-cite{white-space:normal !important}
.content,.ref{text-align:left !important}
@media (max-width:480px){.ref-date,.ref-title{font-size:1.1rem}.ref-cite{font-size:.85rem}}