@font-face{font-family:"Fraunces";src:url(fraunces.woff2) format("woff2");font-display:swap;font-weight:300 800}
@font-face{font-family:"Inter";src:url(inter.woff2) format("woff2");font-display:swap;font-weight:300 800}
:root{--sand:#f6f1e7;--pine:#1f3a2e;--ink:#1c2420;--muted:#5d6861;--sunset:#d2693c;--line:rgba(31,58,46,.14);--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:inherit}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:rgba(246,241,231,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:600 15px var(--serif);color:var(--pine)}
.pick{font:500 14px var(--sans);color:var(--pine);background:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer}
main{max-width:720px;margin:0 auto;padding:4px 18px 40px}
.day{padding-top:22px}
.dh{position:sticky;top:52px;z-index:2;background:var(--sand);padding:8px 0;font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--sunset);border-bottom:1px solid var(--line)}
.it{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding:16px 0;border-bottom:1px solid var(--line)}
.rk{font:600 18px/1.3 var(--serif);color:var(--muted);text-align:right}
.it h2{margin:0;font:600 19px/1.3 var(--serif);color:var(--pine)}
.meta{grid-column:2;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12.5px;color:var(--muted)}
.tag{background:rgba(31,58,46,.08);color:var(--pine);border-radius:999px;padding:1px 8px;font-weight:600}
.it p{grid-column:2;margin:2px 0 0}
.why{color:var(--muted);font-size:14.5px}.why b{color:var(--ink);font-weight:600}
.src{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.src a{font-size:13px;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:2px 8px;background:#fff8}
.src a:hover{border-color:var(--pine)}
.lb{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-left:5px}
.official{color:#1b7a43}.reported{color:#4a5a8a}.rumor{color:#b5651d}
.more{text-align:center;color:var(--muted);font-size:14px;padding:20px 0 60px}
dialog{border:none;border-radius:14px;padding:0;max-width:min(520px,92vw);width:100%;background:var(--sand);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.25)}
dialog::backdrop{background:rgba(13,21,17,.45)}
.arch{padding:18px;max-height:80vh;overflow:auto}
.arow label{display:flex;gap:10px;align-items:center;font-weight:600;color:var(--pine)}
input[type=date]{font:15px var(--sans);padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.yr{margin-top:14px}.yr h3{margin:0 0 6px;font:600 16px var(--serif);color:var(--pine)}
.mo{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.mo button,.ds a{font:13px var(--sans);border:1px solid var(--line);background:#fff8;border-radius:6px;padding:3px 9px;cursor:pointer;text-decoration:none;color:var(--ink)}
.mo button[aria-pressed=true]{background:var(--pine);color:var(--sand)}
.ds{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 8px}
.close{margin-top:14px;font:600 14px var(--sans);background:var(--pine);color:var(--sand);border:none;border-radius:999px;padding:8px 18px;cursor:pointer}
.empty{padding:40px 0;color:var(--muted)}
@media(max-width:520px){.it h2{font-size:17.5px}.it{grid-template-columns:22px 1fr}.rk{font-size:16px}}
.tools{display:flex;gap:8px}.pick[aria-pressed=true]{background:var(--pine);color:var(--sand)}
.vt{grid-column:2;display:flex;gap:6px;margin-top:6px}.vt button{font-size:14px;line-height:1;border:1px solid var(--line);background:#fff8;border-radius:999px;padding:4px 10px;cursor:pointer;filter:grayscale(1);opacity:.6}
.vt button.on{filter:none;opacity:1;border-color:var(--pine);background:#fff}.it.disliked{opacity:.45}
.wx{display:flex;gap:12px;align-items:center;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff9;text-decoration:none;font-size:14px}
.wx img{border-radius:8px;flex:none}.wxt b{font-family:var(--serif);color:var(--pine)}.wxt span{color:var(--muted)}.wxa{color:#a3461f;font-size:13px;margin-top:2px}
