:root{
  --bg:#070a11;--bg2:#0d1422;--panel:#121b2d;--line:#2a3957;--txt:#e8efff;--muted:#a4b4d4;
  --amber:#d4880a;--amber2:#f0a020;--red:#ff4f5f;--green:#5ad497;--blue:#6ea8ff;
}
*{box-sizing:border-box}
body{
  margin:0;color:var(--txt);font-family:Inter,system-ui,sans-serif;
  background:
    radial-gradient(1100px 450px at 90% -15%, rgba(212,136,10,.2), transparent 60%),
    radial-gradient(900px 500px at -10% -20%, rgba(70,110,255,.18), transparent 65%),
    var(--bg);
}
.topbar{
  display:flex;justify-content:space-between;gap:.7rem;align-items:center;flex-wrap:wrap;
  padding:.45rem .9rem;border-bottom:1px solid var(--line);background:#090e18;
  font:600 .68rem/1 JetBrains Mono,monospace;color:var(--muted)
}
.live-badge{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #445372;border-radius:999px;padding:.23rem .5rem;background:#101b2d;color:#ffd8de}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%}
.dot.red{background:var(--red);animation:blink 1s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 10px rgba(255,79,95,.8)}50%{opacity:.28}}

.nav{
  position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding:.72rem .9rem;border-bottom:1px solid var(--line);background:rgba(7,10,17,.9);backdrop-filter:blur(10px)
}
.brand{display:flex;gap:.7rem;align-items:center}
.brand img{width:44px;height:44px;border-radius:50%;border:1px solid #4b5f85}
.brand-mini{margin:0;color:var(--muted);font:600 .62rem/1 JetBrains Mono,monospace;letter-spacing:.08em}
.brand h1{margin:.15rem 0 0;font:700 1.08rem/1.2 Space Grotesk,sans-serif}
.links{display:flex;gap:.45rem;flex-wrap:wrap}
.links a{
  color:var(--amber2);text-decoration:none;border:1px solid #3d4d70;border-radius:999px;padding:.38rem .66rem;font-size:.76rem;
  transition:.2s ease
}
.links a:hover{transform:translateY(-1px);background:#172641;border-color:#6078ad}

.ticker-wrap{overflow:hidden;border-bottom:1px solid var(--line);background:#0a1120}
.ticker{
  display:flex;gap:1.6rem;white-space:nowrap;padding:.45rem 0;font:600 .71rem/1 JetBrains Mono,monospace;color:#cad8f2;
  animation:ticker 42s linear infinite
}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.breaking-takeover.hidden{display:none}
.breaking-takeover{
  width:min(1620px,98vw);
  margin:.7rem auto .15rem;
  border:1px solid #7a4151;
  border-radius:14px;
  background:linear-gradient(180deg,#2a1520,#1e1320);
  box-shadow:0 24px 55px rgba(0,0,0,.45),0 0 42px rgba(255,79,95,.15);
  animation:takeoverIn .32s ease both;
}
@keyframes takeoverIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.breaking-inner{padding:.78rem .82rem}
.breaking-head{
  display:flex;justify-content:space-between;align-items:center;gap:.6rem;
  color:#ffd4dd;font:600 .72rem/1 JetBrains Mono,monospace;
}
.breaking-takeover h2{margin:.38rem 0 .24rem;font:700 1.1rem/1.2 Space Grotesk,sans-serif;color:#fff0f3}
.breaking-takeover p{margin:.2rem 0;color:#f0dbe2;font-size:.84rem}
.dismiss-btn{
  border:1px solid #945766;background:#2d1a22;color:#ffd8df;border-radius:8px;
  font:600 .68rem/1 JetBrains Mono,monospace;padding:.28rem .45rem;cursor:pointer;
}
.dismiss-btn:hover{background:#3a202a}

.layout{width:min(1620px,98vw);margin:.82rem auto;display:grid;grid-template-columns:1fr 340px;gap:.75rem}
.panel{
  border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--panel),var(--bg2));
  padding:.8rem;box-shadow:0 14px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.03);
  animation:up .5s ease both
}
@keyframes up{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.panel:hover{border-color:#506896}
.hero{grid-column:1/-1}
.urgent-live{grid-column:1/-1;border-color:#5d3f44;background:linear-gradient(180deg,#1b1320,#151120)}
.telegram-priority{
  border:1px solid #5f4968;border-radius:10px;background:#191329;padding:.6rem;margin-bottom:.55rem
}
.telegram-priority p{margin:.18rem 0;color:#dfd2ff;font-size:.82rem}
.telegram-priority .meta{margin-top:.35rem}
.telegram-priority.flash{
  animation:tgFlash 1.2s ease 2;
  border-color:#ff7f95;
}
@keyframes tgFlash{
  0%{box-shadow:0 0 0 rgba(255,79,95,0)}
  50%{box-shadow:0 0 28px rgba(255,79,95,.38)}
  100%{box-shadow:0 0 0 rgba(255,79,95,0)}
}
.tg-feed-cards{display:grid;gap:.5rem;margin-top:.3rem}
.tg-feed-card{
  border:1px solid #6b5a78;border-radius:10px;background:#221936;padding:.5rem
}
.tg-feed-card.is-latest{border-color:#ff8da0;background:#2a1b33}
.tg-feed-card p{margin:.22rem 0;color:#eadfff;font-size:.8rem}
.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;border-bottom:1px solid var(--line);margin-bottom:.56rem}
.panel-head h2{margin:0 0 .5rem;font:700 .98rem/1.2 Space Grotesk,sans-serif}
.panel-head span{margin-bottom:.5rem;color:var(--muted);font:600 .63rem/1 JetBrains Mono,monospace;text-transform:uppercase}
.icon{display:inline-block;animation:float 2.6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.55rem}
.kpis div{border:1px solid #3a4f79;border-radius:10px;background:#101d33;padding:.5rem}
.kpis b{display:block;color:var(--amber2);font-size:1rem}
.kpis small{color:var(--muted);font-size:.73rem}

#warReporter{display:grid;gap:.48rem}
.wire{border:1px solid #3a4f77;border-radius:10px;background:#0f1b31;padding:.52rem}
.wire p{margin:0 0 .26rem;font-size:.81rem;color:#d4e1f9}
.wire small{font:600 .62rem/1 JetBrains Mono,monospace;color:var(--muted)}

.brief-list{display:grid;gap:.5rem}
.brief-btn{
  width:100%;text-align:left;cursor:pointer;color:var(--txt);border:1px solid #405279;border-left:4px solid var(--amber);
  border-radius:10px;background:#10203a;padding:.56rem;transition:.2s ease
}
.brief-btn:hover{transform:translateY(-1px);border-color:#6784bb;background:#132947}
.brief-btn h3{margin:.22rem 0 .24rem;font-size:.9rem;line-height:1.28}
.brief-btn p{margin:.2rem 0;color:#ccdaf3;font-size:.79rem}
.meta{display:flex;flex-wrap:wrap;gap:.32rem}
.tag{border:1px solid #546b95;border-radius:999px;padding:.1rem .4rem;color:#c7d8f7;font:600 .59rem/1 JetBrains Mono,monospace}

.two-col{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:.79rem}
th,td{border-bottom:1px solid #324469;padding:.42rem .32rem;text-align:left}
th{color:var(--muted);font:600 .62rem/1 JetBrains Mono,monospace;text-transform:uppercase}
.up{color:var(--green)}.down{color:#ff8f9a}
.notes p{margin:.34rem 0;color:#cad8f3;font-size:.79rem}
.plain-list{margin:0;padding-left:1rem;display:grid;gap:.34rem}
.plain-list li{font-size:.8rem;color:#d2def5}

.stack{display:grid;gap:.46rem}
.stack article{border:1px solid #41547e;border-radius:10px;background:#10213d;padding:.53rem}
.stack h4{margin:0;font-size:.84rem}
.stack p{margin:.24rem 0 0;color:#ccdaf2;font-size:.79rem}

.analysis p{margin:.34rem 0;font-size:.8rem;color:#d2def4}
.analysis ul{margin:.2rem 0 .35rem;padding-left:1rem}
.analysis li{margin:.2rem 0;font-size:.79rem}
.analysis .focus{border-left:3px solid var(--amber2);padding:.3rem .45rem;background:rgba(240,160,32,.1);border-radius:6px}

.telegram-box{border:1px dashed #5a72a3;border-radius:10px;background:#0d182b;padding:.7rem;min-height:120px}
.telegram-link{display:inline-block;margin-top:.45rem;color:#8ebcff;text-decoration:none}
.telegram-link:hover{text-decoration:underline}
code{font-family:JetBrains Mono,monospace;color:#ffd08a}

.script{display:grid;gap:.34rem}
.script p{margin:0;color:#d2def4;font-size:.81rem}

.modal.hidden{display:none}
.modal{position:fixed;inset:0;z-index:100}
.backdrop{position:absolute;inset:0;background:rgba(4,8,15,.75);backdrop-filter:blur(4px)}
.modal-card{
  position:relative;z-index:2;width:min(900px,94vw);max-height:88vh;overflow:auto;margin:4vh auto 0;
  border:1px solid #6078ad;border-radius:14px;background:#0f1b31;padding:1rem;box-shadow:0 30px 90px rgba(0,0,0,.65)
}
.close-btn{position:sticky;top:0;float:right;border:none;cursor:pointer;border-radius:8px;background:#243a64;color:#e3edff;font-size:1.3rem;padding:.1rem .45rem}
.modal-card h3{margin:.25rem 0 .22rem;font-size:1.1rem}
.modal-card p{color:#d4e1f7;line-height:1.55}

.footer{width:min(1620px,98vw);margin:0 auto 1.2rem;color:var(--muted);font:600 .69rem/1 JetBrains Mono,monospace}
@media (max-width:1220px){.layout{grid-template-columns:1fr 320px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.layout{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}}