:root { --bg:#0d1117; --panel:#161b22; --fg:#c9d1d9; --dim:#8b949e; --accent:#58a6ff; }
* { box-sizing:border-box }
body { background:var(--bg); color:var(--fg); font:15px/1.5 system-ui,-apple-system,sans-serif; margin:0 }
header { background:var(--panel); padding:12px 20px; border-bottom:1px solid #21262d }
h1 { margin:0; font-size:1.3em; display:inline-block; margin-right:20px }
nav { display:inline-block; font-size:14px }
nav a { color:var(--accent); text-decoration:none }
select { background:var(--panel); color:var(--fg); border:1px solid #30363d; border-radius:6px; padding:2px 6px; margin-left:6px }
main { max-width:1400px; margin:0 auto; padding:16px }
.cols { display:flex; gap:16px; align-items:flex-start }
.col { flex:1 1 50%; min-width:0 }
.col#breaking { border-right:2px dashed #8b0000; padding-right:14px }
.colhead { display:flex; margin-bottom:10px; font-weight:700 }
.coltitle.hot { color:#ff5149 }
.coltitle { color:var(--dim); padding-left:10px }
.colspacer { flex:1 }
@media (max-width:900px) { .cols { flex-direction:column } .col#breaking { border-right:none; padding-right:0 } }
.event { background:var(--panel); border:1px solid #21262d; border-radius:10px; padding:14px 16px; margin-bottom:12px }
.headline { color:var(--fg); font-size:1.15em; font-weight:600; text-decoration:none }
.headline:hover { color:var(--accent) }
.meta { margin-top:6px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:13px; color:var(--dim) }
.corr { border:1px solid #30363d; border-radius:99px; padding:1px 10px }
.corr.hot { color:#3fb950; border-color:#3fb950; font-weight:600 }
.age { min-width:70px }
.score { color:#666 }
.chip { border:1px solid #888; border-radius:99px; padding:0 8px; font-size:12px; color:var(--fg) }
details { margin-top:8px }
summary { cursor:pointer; color:var(--accent); font-size:13px }
.member { padding:6px 0; border-top:1px solid #21262d; font-size:14px }
.member a { color:var(--fg); text-decoration:none }
.member a:hover { color:var(--accent) }
.msrc { color:var(--dim); font-size:12px; margin-left:6px }
table { width:100%; border-collapse:collapse; font-size:14px }
td, th { padding:6px 8px; border-bottom:1px solid #21262d; text-align:left }
.ok { color:#3fb950 } .warn { color:#d29922 } .bad { color:#f85149 }
button { background:#21262d; color:var(--fg); border:1px solid #30363d; border-radius:6px; padding:2px 10px; cursor:pointer }
input { background:#0d1117; color:var(--fg); border:1px solid #30363d; border-radius:6px; padding:4px 8px }
.ttag { border:1px solid #888; border-radius:4px; padding:0 6px; font-size:12px; font-weight:600 }
.breaking { background:#8b0000; color:#fff; border-radius:4px; padding:0 8px; font-weight:700; font-size:12px; letter-spacing:.5px; animation:pulse 2s infinite }
@keyframes pulse { 0%,100% { opacity:1 } 50% { opacity:.7 } }
.ttag:hover { opacity:.8 }
.empty { color:var(--dim); text-align:center; padding:40px }
footer { text-align:center; color:var(--dim); font-size:12px; padding:20px }
.note { color:var(--dim); font-size:13px }