/* Roscop Radar — pagina publică (așezarea v2, aprobată 11.11.2026). Fără biblioteci, fără fonturi din rețea. */
:root{
  --ink:#1f1f1c;--paper:#F5F3EB;--paper2:#ECE9DF;--card:#FAF8F1;--line:#D8D5C8;--mute:#6b6a60;--field:#fff;
  --mast:#222220;--mastline:#45443f;--masttext:#EFEDE5;--mastmute:#A9A79C;
  --accent:#5dcaa5;--gold:#C9A24B;--live:#E24B4A;--fresh:#0b6b53;--flash:#efe6c8;
  --of-bg:#f6efd9;--of-line:#d9c48d;--of-ink:#7a5e17;--page:#E3E0D6;
  --serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  --fh:52px;
  color-scheme:light;
}
:root[data-theme=night]{
  --ink:#ECEAE2;--paper:#1c1c1a;--paper2:#2a2a27;--card:#232321;--line:#3c3b37;--mute:#a3a197;--field:#2a2a27;
  --mast:#121211;--mastline:#3a3935;--fresh:#7fd8b8;--flash:#3d3721;
  --of-bg:#3a3220;--of-line:#7d6a35;--of-ink:#e9cf8f;--page:#111110;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--page)}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;padding:16px}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:8px 12px;z-index:9}
.skip:focus{left:8px}
.shell{max-width:1360px;margin:0 auto;border-radius:14px;border:1px solid #3a3a36;background:var(--paper);overflow:clip}

/* ---------- bara de sus: o singură linie ---------- */
.bar{background:var(--mast);color:var(--masttext);display:flex;align-items:center;gap:14px;padding:10px 20px;min-height:54px}
.brand{font-family:var(--serif);font-size:22px;letter-spacing:-.3px;color:inherit;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}
.brand small{font-family:var(--sans);font-size:10.5px;letter-spacing:2px;color:var(--mastmute);margin-left:7px;text-transform:uppercase}
.live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.6px;color:#F3C4C3}
.live i{width:7px;height:7px;border-radius:50%;background:var(--live);animation:blink 1.6s infinite}
.live.off{color:var(--mastmute)}.live.off i{background:var(--mastmute);animation:none}
.live.down{color:#f0b37a}.live.down i{background:#f0b37a;animation:none}
.state{font-size:12.5px;color:var(--mastmute);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.state b{color:var(--masttext);font-weight:600}
.state:hover{text-decoration:underline}
.state.warn b{color:#f0b37a}
.sp{flex:1}
.bar input{background:#2e2e2b;border:1px solid var(--mastline);color:var(--masttext);border-radius:8px;padding:7px 11px;width:230px;font:inherit;font-size:13.5px;flex:none}
.bar input::placeholder{color:var(--mastmute)}
.ghost{background:none;border:1px solid var(--mastline);color:var(--masttext);border-radius:50%;width:32px;height:32px;font-size:13px;flex:none;
  display:inline-flex;align-items:center;justify-content:center;padding:0;text-decoration:none}
.ghost.wide{width:auto;border-radius:999px;padding:0 13px;font-size:12.5px}
#key-help{margin:0;padding:8px 20px;font-size:12px;color:var(--mastmute);background:var(--mast);border-top:1px solid var(--mastline)}

/* ---------- filtre: o singură linie, lipită sus ---------- */
.fbar{position:sticky;top:0;z-index:6;background:var(--paper);border-bottom:1px solid var(--line)}
.uses{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 20px 9px}
@media (min-width:921px){.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px 18px;padding:8px 20px}.fbar .filters{display:contents}.fbar .pills{flex-basis:100%}.fbar .uses{padding:0;flex-wrap:nowrap}}
.uses .pill{padding:3px 10px;font-size:12.5px}
.tag.use{border-color:var(--ink);color:var(--ink);opacity:.82}
.tag.use[data-u=alerta]{border-color:#b5482f;color:#b5482f;opacity:1}
.tag.dl,.top .dl{font-weight:600}.tag.dl{border-style:dashed}
.top b.u{font-weight:600}.top b.u.al{color:#b5482f}
.tag.must{border-color:#b5482f;background:#b5482f;color:#fff}
/* Greutatea: „e bine să știi” primește o dungă discretă, „trebuie să știi” una plină; protocolul stă mai retras. */
.st.w-bine{box-shadow:inset 2px 0 0 var(--line)}.st.w-trebuie{box-shadow:inset 3px 0 0 #b5482f}
/* toate rândurile au aceeași margine, ca dunga să nu le împingă pe unele mai la dreapta */
.st{padding-left:9px}
.st.prot h3{font-size:16px;color:var(--mute)}.st.prot h3 a{color:inherit}
.go.of{color:var(--of-ink)}
.valid{font-size:11.5px;color:#b5482f;font-weight:600}
/* firul subiectului: anunțul anterior și ce s-a schimbat (fără buton) */
.fir{margin:5px 0 0;font-size:12px;color:var(--mute);line-height:1.45;border-left:2px solid var(--line);padding-left:8px}
.fir .fl{font-size:9.5px;letter-spacing:.8px;text-transform:uppercase;margin-right:6px}.fir b{font-weight:600;color:var(--ink)}
.fir a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.fir .fs{white-space:nowrap}
.filters{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;padding:9px 20px}
.pills{display:flex;gap:6px;flex-wrap:wrap}
.pill{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-size:13px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.pill i{width:7px;height:7px;border-radius:50%}
.pill b{font-weight:600;font-size:12px;color:var(--mute)}
.pill.quiet{border-style:dashed;color:var(--mute);background:none}
.pill[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pill[aria-pressed=true] b{color:inherit;opacity:.8}
.grp{display:inline-flex;align-items:center;white-space:nowrap}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}
.seg button{border:0;background:none;padding:5px 10px;font-size:12.5px;border-left:1px solid var(--line);white-space:nowrap}
.seg button:first-child{border-left:0}
.seg button[aria-pressed=true]{background:var(--paper2);font-weight:600}
.lab{font-size:10.5px;letter-spacing:1.4px;color:var(--mute);text-transform:uppercase;margin-right:6px}

/* ---------- corpul: flux + coloană lipită ---------- */
.body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;padding:16px 20px 28px;align-items:start}
.col{min-width:0}
/* Coloana e doar radarul: lipit sus, fără nicio derulare proprie. Diametrul urmează înălțimea ferestrei (--dial). */
.rail{position:sticky;top:calc(var(--fh) + 10px)}

/* ---------- fluxul ---------- */
#new-news{position:sticky;top:calc(var(--fh) + 8px);z-index:5;display:block;margin:0 auto 8px;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:7px 16px;font-size:13px;box-shadow:0 2px 10px rgba(0,0,0,.18)}
#new-news[hidden]{display:none}
.since{font-size:13px;color:var(--fresh);font-weight:600;margin:0 0 6px}
.since[hidden]{display:none}
#feed{min-width:0;outline:none}
.interval{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mute);margin:14px 0 2px;padding-bottom:6px;border-bottom:1px solid var(--line);font-weight:500}
.interval:first-child{margin-top:4px}
.st{display:grid;grid-template-columns:50px minmax(0,1fr);gap:4px 10px;padding:11px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--fh) + 16px)}
.st.flash{animation:flash 1.6s ease-out}
.st.sel{box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,var(--paper2),transparent 60%)}
.st time{font-size:12.5px;color:var(--mute);padding-top:3px;font-variant-numeric:tabular-nums}
.st.fresh time{color:var(--fresh);font-weight:600}
.eb{margin:0;font-size:11.5px;color:var(--mute)}
.eb .dm{font-size:10.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase}
.tag{display:inline-block;font-size:9.5px;letter-spacing:.8px;border:1px solid var(--line);border-radius:4px;padding:0 5px;margin-left:6px;color:var(--mute);text-transform:uppercase;vertical-align:1px}
.tag.of{border-color:var(--of-line);color:var(--of-ink);background:var(--of-bg)}
.st h3{margin:2px 0 5px;font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.3;letter-spacing:-.1px;overflow-wrap:anywhere}
.st h3 a{text-decoration:none}
.st h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.st h3 .tag{font-family:var(--sans);margin-left:0;margin-right:7px;vertical-align:2px;font-size:10px}
.src{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12.5px;color:var(--mute)}
.sc{display:inline-flex;align-items:center;gap:5px;color:var(--ink)}
.sc i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:5px;background:var(--paper2);border:1px solid var(--line);font-size:9.5px;font-weight:600;letter-spacing:.2px}
.sc.of i{background:var(--of-bg);border-color:var(--of-line);color:var(--of-ink)}
.first{font-size:11.5px;color:var(--fresh)}
.more{background:none;border:0;padding:0;font-size:12.5px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.go{font-size:12.5px;color:var(--mute);text-decoration:none}
.go:hover{color:var(--ink);text-decoration:underline}
.tl{list-style:none;margin:10px 0 0;padding:0 0 0 14px;border-left:1px solid var(--line)}
.tl li{position:relative;padding:5px 0 7px;font-size:13px;overflow-wrap:anywhere}
.tl li:before{content:"";position:absolute;left:-18px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--paper);border:1px solid var(--mute)}
.tl li.of:before{border-radius:1px;border-color:#b6923a;background:var(--of-bg)}
.tl .h{color:var(--mute);font-size:12px}
.tl .h b{color:var(--ink);font-weight:500}
.tl .page{list-style:none;padding-top:8px}.tl .page:before{display:none}
.empty{color:var(--mute);padding:26px 0}
.seen{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:11.5px;color:var(--mute);letter-spacing:.3px}
.seen:before,.seen:after{content:"";flex:1;height:1px;background:var(--line)}
.loadmore{display:block;margin:16px 0 0;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:9px 16px;font-size:13.5px}
.skeleton div{height:62px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--paper2) 25%,var(--paper) 50%,var(--paper2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;margin:10px 0;border-radius:6px}

/* pagina subiectului */
.subject{max-width:820px}
.subject .back{display:inline-block;margin:4px 0 10px;font-size:13px}
.subject h1{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.2;margin:4px 0 8px;overflow-wrap:anywhere}
.subject .meta{color:var(--mute);font-size:13px;margin:0 0 14px}
.report{border-top:1px solid var(--line);padding:12px 0}
.report h2{font-family:var(--serif);font-weight:500;font-size:18px;margin:2px 0 6px;overflow-wrap:anywhere}
.report p{margin:0 0 6px;font-size:14px}

/* ---------- cardul radarului ---------- */
.scope{background:var(--mast);color:var(--masttext);border-radius:14px;padding:12px 14px;border:1px solid #3a3a36}
.scope summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mastmute);cursor:default}
.scope summary::-webkit-details-marker{display:none}
.scope summary b,.scope summary #scope-n{color:var(--masttext);font-weight:600}
.scope summary #scope-n{font-size:12.5px;letter-spacing:.4px}
.scope .sum{display:none}
/* radarul: un instrument cu fața întunecată, pe ambele teme. Geometria și mișcarea sunt în radar.js. */
.scope{--dial:clamp(220px,calc(100vh - var(--fh) - 446px),320px)}
.dial{position:relative;width:var(--dial);max-width:100%;margin:4px auto 0;aspect-ratio:1}
#radar{display:block;width:100%;height:100%;touch-action:manipulation;overflow:visible}
#radar text{font-family:var(--sans);user-select:none}
#radar .lab{font-size:calc(13px * var(--k,1));font-weight:700;letter-spacing:.2px;pointer-events:none;transition:opacity .4s}
/* etichetele inelelor nu se mai arată peste puncte (cererea proprietarului, 12.11); scara e în legenda de sub cerc */
#radar .rl{display:none;font-size:calc(10.5px * var(--k,1));fill:#9a998e;paint-order:stroke;stroke:#1c1c1a;stroke-width:2.2px;stroke-linejoin:round}
#radar .hc{font-size:19px;font-weight:600;letter-spacing:-.3px;fill:#EFEDE5;font-variant-numeric:tabular-nums}
#radar .hl{font-size:5.2px;letter-spacing:.9px;fill:#A9A79C}
#radar .sector{fill:transparent;cursor:pointer;outline:none}
#radar .tint{opacity:.05;pointer-events:none;transition:opacity .5s}
#radar .spoke{stroke:#fff;stroke-opacity:.09;stroke-width:.6;pointer-events:none}
#radar .base{stroke-width:3;stroke-opacity:.34;pointer-events:none;transition:stroke-opacity .4s}
#radar .fill{stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;pointer-events:none;transition:stroke-dashoffset .7s cubic-bezier(.3,.7,.3,1),opacity .9s .5s}
#radar .sec.quiet .lab{opacity:.5}
#radar .sec.quiet .tint{opacity:.02}
#radar .sec.quiet .base{stroke-opacity:.2}
#radar .sector:hover~.tint{opacity:.11}
#radar .sec.reading .tint{opacity:.16}
#radar .sec.reading .base{stroke-opacity:.5}
#radar .sec.on .tint{opacity:.19}
#radar .sec.on .base{stroke-opacity:.95}
#radar .sec.on .lab{opacity:1}
#radar.has-sel .sec:not(.on) .lab{opacity:.34}
#radar.has-sel .sec:not(.on) .base{stroke-opacity:.14}
#radar .sector:focus-visible~.base{stroke-opacity:1;stroke-width:4.4}
#radar .sector:focus-visible~.tint{opacity:.2}
#radar .dg{cursor:pointer;transition:transform .9s cubic-bezier(.65,0,.35,1),opacity .6s}
#radar .dg.new{transition:none}
#radar .dg.out{opacity:0!important;pointer-events:none}
#radar .dg.off{pointer-events:none}
#radar .dot{outline:none;stroke:transparent;stroke-width:6;paint-order:stroke}
#radar .ring{stroke-width:.9;stroke-opacity:.6;pointer-events:none}
#radar .halo{opacity:0;pointer-events:none}
#radar .ping{pointer-events:none}
#radar .dg:hover .dot,#radar .dot:focus{stroke:#fff;stroke-width:1.5;paint-order:normal}
#radar .life{opacity:0}
#radar.live .life{animation:breath 3.4s ease-in-out infinite}
#radar.still .life{animation:none;opacity:.35}
#radar.still .dg{transition:none}
.beam{position:absolute;inset:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity 1.4s;
  -webkit-mask:radial-gradient(circle closest-side,transparent 16.4%,#000 16.9%,#000 79.4%,transparent 79.9%);
  mask:radial-gradient(circle closest-side,transparent 16.4%,#000 16.9%,#000 79.4%,transparent 79.9%)}
.beam.on{opacity:1}
.beam i{position:absolute;inset:0;border-radius:50%;will-change:transform;
  background:conic-gradient(from 0deg,rgba(93,202,165,0) 0deg,rgba(93,202,165,0) 225deg,rgba(93,202,165,.03) 262deg,rgba(93,202,165,.075) 300deg,rgba(93,202,165,.15) 335deg,rgba(93,202,165,.27) 359.2deg,rgba(186,245,222,.95) 359.55deg,rgba(186,245,222,.95) 360deg)}
.rstatus{display:flex;align-items:center;gap:7px;height:18px;margin:6px 0 0;font-size:11.5px;color:var(--mastmute);white-space:nowrap}
.rstatus span{overflow:hidden;text-overflow:ellipsis}
.rstatus i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7}
.rstatus[data-mode=read]{color:var(--masttext)}
.rstatus[data-mode=read] i{opacity:1;animation:blink 1s infinite}
.rstatus[data-mode=off] i{background:var(--mastmute)}
#preview{height:52px;overflow:hidden;margin:5px 0 9px;padding-top:4px;font-size:13px;line-height:1.35;color:var(--masttext)}
#preview small{display:block;font-size:11px;letter-spacing:.8px;font-weight:600;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#preview small b{color:var(--masttext);font-weight:700}
#preview span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#preview.hint{color:var(--mastmute);font-size:12px}
#preview.hint span{-webkit-line-clamp:3;line-clamp:3}
#preview.now{animation:rise .45s ease-out}
.legend{display:flex;gap:4px 11px;font-size:11px;color:var(--mastmute);flex-wrap:wrap;border-top:1px solid var(--mastline);padding-top:9px}
.legend span{display:inline-flex;align-items:center;gap:5px}
.legend i{display:inline-block;border-radius:50%;background:var(--mastmute)}
.legend .s1{width:6px;height:6px}.legend .s2{width:6px;height:6px;box-shadow:0 0 0 2px var(--mast),0 0 0 3px var(--mastmute);margin:0 3px}

/* emblema mică: lângă nume și în rândul strâns de pe telefon */
.emblem{width:24px;height:24px;flex:none;margin-right:9px;overflow:visible}
.emblem .e-face{fill:#1a1a18;stroke:var(--accent);stroke-width:1.3}
.emblem .e-ring{fill:none;stroke:var(--accent);stroke-opacity:.35;stroke-width:.8}
.emblem .e-sweep{transform-origin:12px 12px;animation:turn 6s linear infinite}
.emblem .e-sweep path{fill:var(--accent);fill-opacity:.3}
.emblem .e-sweep line{stroke:var(--accent);stroke-width:1.1;stroke-linecap:round}
.emblem .e-dot{fill:#e4b95e;animation:eblip 6s linear infinite;animation-delay:-5.2s}
.emblem .e-hub{fill:var(--accent)}

/* ---------- cele mai relatate: listă compactă ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.card h2{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mute);font-weight:600;margin:0 0 4px}
.top{list-style:none;margin:0;padding:0;counter-reset:t}
.top li{counter-increment:t;display:grid;grid-template-columns:20px minmax(0,1fr);gap:0 8px;padding:9px 0;border-top:1px solid var(--line)}
.top li:first-child{border-top:0}
.top li::before{content:counter(t);font-family:var(--serif);font-size:17px;color:var(--mute);line-height:1.2}
.top a{font-family:var(--serif);font-size:15px;line-height:1.3;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.top a:hover{text-decoration:underline}
.top p{margin:3px 0 0;font-size:12px;color:var(--mute)}
.top p b{color:var(--ink);font-weight:600}
.top p i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.top li.empty{display:block;color:var(--mute);font-size:13px;padding:6px 0 2px}
.top li.empty::before{content:none}
.small{font-size:12.5px;color:var(--mute)}
.small p{margin:0 0 8px}
.check{display:flex;gap:8px;align-items:center;color:var(--ink);margin-bottom:6px;font-size:13.5px}


/* ---------- sub radar: ritmul și jurnalul viu ---------- */
/* legenda domeniilor: numele întregi, lizibile; domeniile fără subiecte rămân estompate, dar se citesc */
.dleg{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:8px 0 2px}
.dleg button{display:flex;align-items:center;gap:7px;height:22px;padding:0;border:0;background:none;color:var(--masttext);font-size:12.5px;text-align:left;white-space:nowrap}
.dleg i{flex:none;width:8px;height:8px;border-radius:50%}
.dleg b{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}
.dleg button.quiet{color:#aeada3}
.dleg button:hover,.dleg button[aria-pressed=true]{text-decoration:underline;text-underline-offset:3px}
.dleg button[aria-pressed=true]{font-weight:700}
#radar .sec.hov .tint{opacity:.19}#radar .sec.hov .base{stroke-opacity:.95}
.rhythm{display:flex;align-items:flex-end;gap:2px;height:20px;margin:7px 0 0}
.rhythm i{flex:1;background:var(--mastmute);opacity:.4;border-radius:1px}
.rhythm i.cur{background:var(--accent);opacity:1}
.jz{position:relative;height:84px;margin:7px 0 9px;overflow:hidden}
#journal{list-style:none;margin:0;padding:0}
#journal li{height:21px;line-height:21px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#journal li.in{animation:rise .45s ease-out}
#journal a{color:var(--masttext);text-decoration:none}
#journal a:hover{text-decoration:underline}
#journal time{color:var(--mastmute);font-variant-numeric:tabular-nums;margin-right:7px}
#journal b{font-size:11px;letter-spacing:.3px;margin-right:7px}
.jz #preview{position:absolute;inset:0;height:auto;margin:0;background:var(--mast)}
.jz #preview.hint{display:none}
@media (min-width:921px) and (max-height:790px){.jz{display:none}.scope{--dial:clamp(220px,calc(100vh - var(--fh) - 348px),320px)}}
@media (min-width:921px) and (max-height:670px){.rhythm,.scope .legend{display:none}.scope{--dial:clamp(210px,calc(100vh - var(--fh) - 290px),320px)}}

/* ---------- banda de deasupra fluxului: „Ce contează” și „Programe și termene” ---------- */
.band{margin:0 0 6px}
.band-h{display:flex;align-items:center;gap:6px 16px;margin-bottom:5px;font-size:12px;color:var(--mute)}
.band-h .sp{flex:1}
.band-h a{color:var(--mute);white-space:nowrap}
.band .check{margin:0;font-size:12px;color:var(--mute);white-space:nowrap}
.tabs{display:flex;gap:16px;min-width:0}
.tabs button{border:0;background:none;padding:2px 0 3px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}
.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.tabs button[hidden],.top[hidden]{display:none}
.top{display:flex;gap:10px;overflow-x:auto;padding:0 0 5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.top li,.top li:first-child{flex:0 0 calc((100% - 30px) / 3.4);min-width:230px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:7px 10px;grid-template-columns:16px minmax(0,1fr);gap:0 6px;scroll-snap-align:start}
.top li::before{font-size:15px}
.top a{font-size:14px;line-height:1.28;-webkit-line-clamp:2;line-clamp:2}
.top p{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top li.empty{flex-basis:100%}

#status{font-size:13px;color:#b5482f;padding:8px 20px}
#status:empty{display:none}
.foot{padding:14px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--mute);background:var(--paper2)}
.foot a{color:var(--ink)}

/* ---------- Surse și reguli (despre.html) ---------- */
.about{padding:10px 22px 30px;max-width:820px;outline:none}
.about h1{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.15;margin:18px 0 8px}
.about .lede{font-size:16px;color:var(--mute);margin:0 0 8px}
.about section{border-top:1px solid var(--line);padding:6px 0 10px;margin-top:20px}
.about h2{font-family:var(--serif);font-weight:500;font-size:23px;margin:14px 0 10px}
.about h2 em{font-family:var(--sans);font-style:normal;font-size:13px;color:var(--mute);font-weight:400}
.about h3{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;margin:20px 0 6px}
.about h3 small{font-weight:400;letter-spacing:0;text-transform:none;color:var(--mute);margin-left:6px;font-size:12px}
.promises{margin:0;padding-left:22px}.promises li{margin:0 0 10px}
.criteria{margin:0;padding-left:20px}.criteria li{margin:0 0 8px}
.about .note{font-size:13.5px;color:var(--mute);margin:10px 0}
.defs dt{font-weight:600;margin-top:12px}.defs dd{margin:3px 0 0}
.srclist{list-style:none;margin:0;padding:0}
.srclist li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:4px 14px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.srclist .nm a{color:var(--ink);text-decoration:none;font-weight:500}.srclist .nm a:hover{text-decoration:underline}
.srclist .dm{font-size:12.5px;color:var(--mute);display:inline-flex;align-items:center;gap:6px}
.srclist .dm i{width:7px;height:7px;border-radius:50%;flex:none}
.srclist .stt{font-size:12.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.srclist .stt i{width:8px;height:8px;border-radius:50%;background:var(--fresh)}
.srclist li.down .stt{color:#b5482f}.srclist li.down .stt i{background:#b5482f}
.srclist .last{grid-column:1/-1;font-size:12px;color:var(--mute)}

@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes turn{to{transform:rotate(360deg)}}
@keyframes breath{0%,100%{opacity:.12}50%{opacity:.6}}
@keyframes eblip{0%{opacity:1}35%,100%{opacity:.4}}
@keyframes rise{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes flash{0%{background:var(--flash)}100%{background:transparent}}
@keyframes shimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){
  .live i,.skeleton div,.st.flash,.emblem .e-dot,.rstatus[data-mode=read] i,#preview.now{animation:none}
  .emblem .e-sweep{animation-duration:14s}
}

/* ---------- telefon și ecrane înguste ---------- */
@media (max-width:920px){
  body{padding:0}
  .shell{border-radius:0;border:0}
  .bar{flex-wrap:wrap;padding:10px 16px;gap:10px 12px}
  .state{order:5;width:100%}
  .bar input{order:6;width:100%;min-height:40px;font-size:16px}
  .ghost{width:40px;height:40px}
  #key-help{padding:8px 16px}
  .fbar{position:static}
  .filters,.uses{padding:8px 16px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px 14px}
  .uses{padding-top:0;gap:6px}.uses .pill{flex:none;padding:5px 13px}.uses .lab{flex:none}
  .filters::-webkit-scrollbar,.uses::-webkit-scrollbar{display:none}
  .pills{flex-wrap:nowrap}
  .pill,.seg button{min-height:40px}
  .pill{padding:5px 13px}.seg button{padding:5px 12px}
  .pills,.grp{flex:none}
  .body{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px 24px}
  .rail{display:contents}
  .scope{order:1}
  .col{order:3}
  .scope{--dial:320px}
  .band-h{flex-wrap:wrap}
  .band-h a,.tabs button{min-height:40px;display:inline-flex;align-items:center}
  .tabs button[hidden]{display:none}
  .scope summary{cursor:pointer;min-height:40px;margin:-6px 0;letter-spacing:.2px;text-transform:none;font-size:13px;color:var(--masttext)}
  .scope summary .ttl{display:none}
  .scope{padding:12px 10px}
  .scope .emblem{margin-right:0}
  .scope .sum{display:inline-flex;align-items:center;gap:9px;min-width:0}
  .scope summary::after{content:'arată ▾';font-size:12px;color:var(--mastmute);flex:none}
  .scope[open] summary::after{content:'ascunde ▴'}
  .scope[open] summary{margin-bottom:0}
  .top{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:0 16px 6px;scroll-padding:0 16px}
  .top::-webkit-scrollbar{display:none}
  .top li,.top li:first-child{flex:0 0 78%;max-width:300px;min-width:0;border-radius:12px;padding:10px 12px}
  .top a{-webkit-line-clamp:3;line-clamp:3;font-size:15px}.top p{white-space:normal}
  .top li.empty{flex-basis:100%;max-width:none}
  .st h3{font-size:17px}
  .loadmore,.more,#new-news{min-height:40px}
  .more{display:inline-flex;align-items:center;padding:0 2px}
  .check{min-height:40px;margin:0}
  #status,.foot{padding-left:16px;padding-right:16px}
  .about{padding:4px 16px 24px}.about h1{font-size:28px}
  .srclist li{grid-template-columns:minmax(0,1fr) auto}.srclist .dm{grid-column:1}.srclist .stt{grid-column:2;grid-row:1}
  .bar .state.page{display:none}
}
@media (max-width:400px){
  .brand small{display:none}
  .brand{font-size:21px}
  .bar{gap:8px 10px}
}
@media (max-width:340px){
  .bar{padding:10px 12px;gap:8px}
  .emblem{margin-right:7px}
}

/* ---------- ecrane scunde (13.11.2026): mai multe titluri din flux fără derulare ----------
   Aceleași funcții, doar spații mai mici: marginea paginii, antetul, filtrele, banda de sus și rândurile fluxului.
   Țintă: cel puțin 4 titluri întregi la 1366×650 și cel puțin 6 la 1920×950. Radarul rămâne întreg, lipit în dreapta. */
@media (min-width:921px) and (max-height:1000px){
  body{padding:8px 16px}
  .bar{padding:6px 20px;min-height:46px}
  .fbar{padding:5px 20px;gap:5px 16px}
  .body{padding-top:10px}
  .interval{margin:10px 0 2px;padding-bottom:4px}
  .interval:first-child{margin-top:2px}
  .st{padding:7px 0;gap:2px 10px}
  .st h3{margin:1px 0 3px;line-height:1.25}
  .band{margin-bottom:4px}
  .band-h{margin-bottom:4px}
}
@media (min-width:921px) and (max-height:820px){
  body{padding:0 12px}
  .shell{border-radius:0 0 12px 12px;border-top:0}
  .bar{padding:4px 16px;min-height:40px;gap:12px}
  .brand{font-size:20px}
  .bar input{padding:5px 10px}
  .ghost{width:28px;height:28px}
  .fbar{padding:4px 16px;gap:4px 14px}
  .pill{padding:2px 9px;font-size:12.5px}
  .uses .pill{padding:2px 9px;font-size:12px}
  .seg button{padding:3px 9px;font-size:12px}
  .body{padding:8px 16px 24px;gap:24px}
  .top{padding-bottom:3px}
  .top li,.top li:first-child{padding:5px 9px}
  .top a{font-size:13.5px;line-height:1.25}
  .top p{margin-top:2px;font-size:11px}
  .interval{margin:7px 0 1px;padding-bottom:3px}
  .st{padding:6px 0}
  .st time{padding-top:1px}
  .st h3{font-size:17px;margin:0 0 2px}
  .src{font-size:12px}
}