:root{--bg:#111718;--panel:#1a2223;--card:#1f2829;--line:#2f3b3c;--ink:#f1f2f0;--mute:#9aa6a5;--accent:#F0523D;--flame:#FF4E00;--ember:#E62117;--R:#e5484d;--D:#3b82f6;--L:#eab308;--G:#22c55e;--O:#a78bfa;--W:#64748b;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--gold:#FF6A2B}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#ff9a7f;text-decoration:none}a:hover{text-decoration:underline}
.top{position:sticky;top:0;z-index:5;display:flex;gap:24px;align-items:center;padding:12px 20px;background:#1A2223;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--ember),var(--flame),var(--accent)) 1}
.brand{display:flex;align-items:center;gap:16px}.brand .logo{height:46px;width:auto;display:block}.brand .bdiv{width:1px;height:40px;background:var(--line)}
.brand .title{font-family:Anton,Impact,sans-serif;font-size:28px;font-weight:400;letter-spacing:1px;text-transform:uppercase;line-height:1.05}.brand .title span{color:var(--accent)}
.brand .sub{color:var(--mute);font-size:12px;font-family:Epilogue,Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.meta{margin-left:auto;text-align:right}.clock{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.refresh{font-size:12px;color:var(--mute)}
.controls{display:flex;gap:12px;align-items:center}
.controls input[type=search]{background:#141b1c;border:1px solid var(--line);color:var(--ink);padding:7px 10px;border-radius:8px;width:230px}
.chk{font-size:13px;color:var(--mute);white-space:nowrap;cursor:pointer}.chk.demo{color:var(--warn)}
.banner{background:#4a3410;color:#ffd58a;text-align:center;padding:6px;font-weight:600;font-size:13px}
.jump{display:flex;flex-wrap:wrap;gap:6px;padding:8px 20px;border-bottom:1px solid var(--line);background:#151d1e}
.jump a{font-size:12px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--mute)}.jump a.feat{color:var(--gold);border-color:#6b2c1c}
.wrap{display:grid;grid-template-columns:1fr 340px;gap:18px;padding:16px 20px}
@media (max-width:1100px){.wrap{grid-template-columns:1fr}}
.section{margin-bottom:26px}
.section>h2{margin:0 0 4px;font-size:22px;font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.8px;text-transform:uppercase;display:flex;align-items:baseline;gap:10px}
.section>h2 .count{font-size:13px;color:var(--mute);font-weight:500}
.section.featured>h2{color:var(--gold)}
.section.featured{background:linear-gradient(180deg,rgba(240,82,61,.07),transparent 140px);border:1px solid #4a2418;border-radius:14px;padding:14px}
.group{margin-top:10px}.group>h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px 10px;border-left:5px solid var(--line);display:flex;flex-direction:column;gap:7px}
.card.lead-R{border-left-color:var(--R)}.card.lead-D{border-left-color:var(--D)}.card.lead-L{border-left-color:var(--L)}.card.lead-O{border-left-color:var(--O)}
.card.called{box-shadow:0 0 0 1px var(--gold) inset}
.chead{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ctitle{font-family:Epilogue,Inter,sans-serif;font-weight:800;font-size:16px;margin-right:auto}
.badge{font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:5px;text-transform:uppercase;background:#2c3738;color:#cfd6d5}
.badge.live{background:#0f3b26;color:#7ee2a8}.badge.links{background:#2a3334;color:#b5bfbe}.badge.wait{background:#3d2f0c;color:#f7c76a}.badge.err{background:#401a1a;color:#ff9b9b}
.badge.tag{background:#6b2c1c;color:#ffe08a}.badge.callb{background:var(--gold);color:#201600}.badge.partial{background:#33204a;color:#d7b8ff}
.cands{display:flex;flex-direction:column;gap:5px}
.cand{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;position:relative;padding:3px 6px;border-radius:6px;overflow:hidden}
.cand .bar{position:absolute;left:0;top:0;bottom:0;opacity:.22;border-radius:6px;transition:width .6s}
.cand .nm{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cand .pty{display:inline-block;min-width:18px;text-align:center;font-size:11px;font-weight:800;border-radius:4px;padding:0 4px;margin-right:6px;color:#fff}
.cand .v{position:relative;font-variant-numeric:tabular-nums;color:var(--mute);font-size:13px}
.cand .p{position:relative;font-variant-numeric:tabular-nums;font-weight:700;min-width:54px;text-align:right}
.cand.lead .nm{font-weight:750}.cand.win .nm::after{content:" ✓";color:var(--gold);font-weight:800}
.inc{color:var(--mute);font-size:11px;margin-left:4px}
.prog{height:5px;background:#141b1c;border-radius:3px;overflow:hidden}.prog>i{display:block;height:100%;background:var(--accent)}
.cmeta{display:flex;justify-content:space-between;color:var(--mute);font-size:12px;gap:8px}
.cfoot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px dashed var(--line);padding-top:7px}
.btn{font-size:12px;padding:3px 8px;border-radius:6px;border:1px solid var(--line);background:#182122;color:#f1e6e3}
.btn.dd{background:#3a1c16;border-color:#7a2f22;font-weight:700}
.callsel{margin-left:auto;font-size:12px;background:#182122;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:3px}
.note{font-size:12px;color:#c9b8ff}.err{font-size:12px;color:#f7a6a6}
.compact .cand .v{display:none}.compact .cfoot a.btn:not(.dd){display:none}.compact .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.side .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}
.side h2{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--mute)}
.feeds,.accounts{list-style:none;margin:0;padding:0;font-size:13px}.feeds li{display:flex;gap:6px;align-items:center;padding:3px 0;border-bottom:1px solid #263031}
.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.wait{background:var(--warn)}.dot.bad{background:var(--bad)}
.feeds .t{margin-left:auto;color:var(--mute);font-size:11px}
.accounts li{padding:4px 0}.accounts a{font-weight:600}
.xph{border:1px dashed var(--line);border-radius:10px;padding:14px;color:var(--mute);font-size:13px;text-align:center}
.side{position:sticky;top:120px;align-self:start;max-height:calc(100vh - 130px);overflow:auto}
.foot{color:var(--mute);font-size:12px;text-align:center;padding:16px}
@media (min-width:1800px){html,body{font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}}