:root {
  color-scheme: dark;
  --bg: #07100e;
  --surface: #0b1714;
  --surface-2: #0e1c18;
  --line: rgba(211, 235, 220, .1);
  --line-strong: rgba(211, 235, 220, .18);
  --text: #edf4ef;
  --muted: #82928a;
  --green: #9df07b;
  --green-soft: rgba(157, 240, 123, .1);
  --sand: #efc67a;
  --danger: #ff8b78;
  --radius: 18px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; min-width: 320px; color: var(--text); background: radial-gradient(circle at 65% -20%, rgba(36, 93, 64, .24), transparent 38%), var(--bg); }
button, input, textarea { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

.auth-gate { min-height:100vh; min-height:100dvh; padding:40px 26px calc(40px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle at 50% 25%, rgba(62,184,88,.2), transparent 30%), #050c0a; }
.auth-gate img { width:112px; height:112px; border-radius:31px; object-fit:cover; box-shadow:0 24px 80px rgba(35,255,113,.16); }
.auth-gate > p { margin:25px 0 12px; color:var(--green); font:700 9px ui-monospace,monospace; letter-spacing:.2em; }
.auth-gate h1 { font-size:34px; }
.auth-gate > span { max-width:340px; margin-top:16px; color:var(--muted); font-size:13px; line-height:1.55; }
.auth-gate a { min-height:48px; margin-top:26px; padding:0 20px; border-radius:14px; display:flex; align-items:center; color:#0b1a0d; background:var(--green); text-decoration:none; font-size:13px; font-weight:750; }
.auth-retry { min-height:44px; margin-top:12px; padding:0 18px; border:1px solid rgba(239,198,122,.35); border-radius:12px; color:var(--sand); background:transparent; cursor:pointer; }
.mobile-topics { display:none; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 256px minmax(0, 1fr); }
.sidebar { height: 100vh; position: sticky; top: 0; padding: 28px 20px 24px; border-right: 1px solid var(--line); background: rgba(6, 15, 12, .82); backdrop-filter: blur(22px); display: flex; flex-direction: column; overflow: auto; }
.brand { text-decoration: none; color: var(--text); display: flex; align-items: center; gap: 12px; padding: 0 8px 28px; }
.brand-image { width:38px; height:38px; border-radius:12px; object-fit:cover; box-shadow:0 0 25px rgba(67,255,112,.12); }
.brand strong { display: block; letter-spacing: .14em; font-size: 15px; }
.brand small { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .13em; margin-top: 4px; }
.brand-mark { width: 34px; height: 34px; border: 1px solid rgba(157,240,123,.36); border-radius: 50%; position: relative; display: block; background: rgba(157,240,123,.03); }
.brand-mark::before, .brand-mark::after { content:""; position:absolute; border:1px solid rgba(157,240,123,.26); border-radius:50%; inset:5px; }
.brand-mark::after { inset:10px; }
.brand-mark i:first-child { position:absolute; height:1px; width:28px; background:rgba(157,240,123,.28); top:16px; left:2px; transform:rotate(-35deg); }
.brand-mark i:nth-child(2) { position:absolute; width:1px; height:28px; background:rgba(157,240,123,.18); left:16px; top:2px; }
.brand-mark b { width:5px; height:5px; background:var(--green); box-shadow:0 0 12px var(--green); border-radius:50%; position:absolute; top:8px; right:7px; }

.primary-nav { border-bottom: 1px solid var(--line); padding-bottom: 20px; }
.nav-item { width: 100%; border: 0; background: transparent; padding: 11px 12px; border-radius: 10px; text-align: left; display: grid; grid-template-columns: 24px 1fr auto; align-items: center; color: var(--muted); cursor: pointer; font-size: 13px; }
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.025); }
.nav-item.active { color: var(--text); background: var(--green-soft); }
.nav-item span { font-size: 17px; color: var(--green); }
.nav-item b { min-width: 24px; text-align: center; padding: 2px 6px; font-size: 10px; color: var(--muted); background: rgba(255,255,255,.05); border-radius: 20px; }
.side-heading { display:flex; justify-content:space-between; align-items:center; margin: 23px 10px 10px; color: #63736b; text-transform: uppercase; font-size: 9px; letter-spacing:.12em; font-weight:700; }
.side-heading button { border: 0; background: transparent; color: var(--green); cursor: pointer; font-size: 18px; line-height: 1; }
.topic-list { display: flex; flex-direction: column; gap: 3px; }
.topic-row { display:grid; grid-template-columns: 1fr 22px; gap:4px; align-items:center; }
.topic-button { border: 0; background: transparent; color: var(--muted); cursor:pointer; text-align:left; padding:9px 10px; border-radius:9px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topic-button::before { content:""; display:inline-block; width:5px; height:5px; border:1px solid #708078; border-radius:50%; margin-right:10px; vertical-align:1px; }
.topic-button:hover, .topic-button.active { color:var(--text); background:rgba(255,255,255,.025); }
.topic-button.active::before { background:var(--green); border-color:var(--green); box-shadow:0 0 8px var(--green); }
.topic-delete { opacity:0; border:0; background:transparent; color:#617069; cursor:pointer; font-size:15px; }
.topic-row:hover .topic-delete { opacity:1; }
.topic-delete:hover { color:var(--danger); }
.source-box { margin-top: auto; padding-top: 10px; }
.source-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.source-pill { min-width:0; padding:7px 8px; border:1px solid var(--line); border-radius:9px; display:flex; align-items:center; gap:6px; font-size:9px; color:var(--muted); }
.source-pill i { width:5px; height:5px; border-radius:50%; flex:none; }
.source-pill.disabled { opacity:.42; }
.source-pill.error { border-color: rgba(255,139,120,.3); }
.source-pill span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.health-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }
.health-dot.error { background:var(--danger); box-shadow:0 0 8px var(--danger); }
.local-badge { margin: 24px 7px 0; display:flex; gap:9px; align-items:center; color:#77877f; font-size:10px; }
.local-badge > i { width:7px; height:7px; border:1px solid var(--green); border-radius:50%; box-shadow:inset 0 0 0 2px var(--bg), inset 0 0 0 6px var(--green); }
.local-badge small { display:block; color:#47544e; margin-top:2px; }

main { min-width: 0; padding: 39px clamp(24px, 4vw, 68px) 70px; max-width: 1500px; width: 100%; margin: 0 auto; }
.mobile-brandbar { display:none; }
.topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; padding-bottom:35px; border-bottom:1px solid var(--line); }
.eyebrow { margin:0 0 10px; font-size:9px; letter-spacing:.16em; color:#788981; font-weight:700; }
.eyebrow span { display:inline-block; width:16px; height:1px; background:var(--green); vertical-align:3px; margin-right:6px; box-shadow:0 0 6px var(--green); }
h1 { margin:0; font-size:clamp(25px, 3vw, 39px); line-height:1.15; font-weight:450; letter-spacing:-.035em; }
h1 em { color:#77877f; font-style:normal; font-weight:350; }
.top-actions { display:flex; align-items:center; gap:10px; }
.search { width:min(250px, 22vw); height:40px; border:1px solid var(--line); border-radius:11px; display:flex; align-items:center; padding:0 12px; background:rgba(255,255,255,.015); }
.search span { color:#718078; font-size:19px; margin-right:7px; }
.search input { min-width:0; width:100%; border:0; outline:0; color:var(--text); background:transparent; font-size:11px; }
.search input::placeholder { color:#5b6962; }
.refresh-button { height:40px; border:1px solid rgba(157,240,123,.26); background:var(--green-soft); color:var(--green); border-radius:11px; padding:0 15px; cursor:pointer; font-size:11px; white-space:nowrap; }
.refresh-button span { display:inline-block; margin-right:6px; font-size:16px; vertical-align:-1px; }
.refresh-button:hover { background:rgba(157,240,123,.16); }
.refresh-button.loading span { animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

.app-hero { position:relative; min-height:230px; margin-top:28px; border:1px solid rgba(157,240,123,.15); border-radius:22px; overflow:hidden; background:#07110e; isolation:isolate; }
.app-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center right; z-index:-2; }
.app-hero-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(4,11,8,.98) 0%, rgba(4,11,8,.86) 38%, rgba(4,11,8,.2) 78%), linear-gradient(0deg, rgba(4,11,8,.85), transparent 60%); }
.app-hero-copy { padding:31px 31px 88px; max-width:520px; }
.live-pill { display:inline-flex; align-items:center; gap:7px; min-height:25px; padding:0 9px; border:1px solid rgba(157,240,123,.21); border-radius:20px; color:var(--green); background:rgba(157,240,123,.08); font:700 8px ui-monospace,monospace; letter-spacing:.12em; }
.live-pill i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); animation:livePulse 1.8s infinite; }
@keyframes livePulse { 50% { opacity:.4; box-shadow:0 0 3px var(--green); } }
.app-hero-copy h2 { margin:20px 0 9px; font-size:clamp(24px,3vw,40px); line-height:1.05; font-weight:470; letter-spacing:-.035em; }
.app-hero-copy p { max-width:390px; margin:0; color:#8b9b92; font-size:11px; line-height:1.55; }
.app-hero-stats { position:absolute; left:31px; right:31px; bottom:21px; display:flex; gap:27px; }
.app-hero-stats span { display:flex; align-items:baseline; gap:7px; }
.app-hero-stats b { color:#eaf4ed; font-size:21px; font-weight:500; }
.app-hero-stats small { color:#6d7d74; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }

.pulse-section { padding:34px 0 36px; border-bottom:1px solid var(--line); }
.section-title, .feed-toolbar { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:17px; }
.section-title p, .feed-toolbar p { margin:0 0 4px; color:#68776f; font-size:8px; font-weight:800; letter-spacing:.15em; }
.section-title h2, .feed-toolbar h2 { margin:0; font-size:15px; font-weight:500; }
.section-title > span { color:#59675f; font-size:9px; }
.trend-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:9px; }
.trend-card { position:relative; min-height:102px; padding:14px 15px; border:1px solid var(--line); background:linear-gradient(145deg, rgba(255,255,255,.025), transparent); border-radius:13px; overflow:hidden; cursor:pointer; }
.trend-card:hover { border-color:var(--line-strong); transform:translateY(-1px); }
.trend-card::after { content:""; position:absolute; width:70px; height:70px; border:1px solid rgba(157,240,123,.08); border-radius:50%; bottom:-37px; right:-17px; box-shadow:0 0 0 11px rgba(157,240,123,.025), 0 0 0 22px rgba(157,240,123,.012); }
.trend-rank { color:#5e6e65; font: 9px ui-monospace, monospace; }
.trend-card h3 { margin:18px 0 8px; font-size:13px; font-weight:520; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trend-bottom { display:flex; align-items:center; justify-content:space-between; color:#68776f; font-size:8px; }
.trend-bottom b { color:var(--green); font-weight:600; }
.trend-skeleton, .loading-card { border:1px solid var(--line); border-radius:13px; background:linear-gradient(100deg, rgba(255,255,255,.015) 25%, rgba(255,255,255,.04) 45%, rgba(255,255,255,.015) 65%); background-size:250% 100%; animation:shimmer 1.5s infinite linear; }
.trend-skeleton { min-height:102px; }
@keyframes shimmer { to { background-position-x:-250%; } }

.feed-section { padding-top:31px; }
.feed-meta { display:flex; align-items:center; gap:10px; color:#5c6a63; font-size:9px; }
.feed-meta button { width:28px; height:28px; border:1px solid var(--line); border-radius:8px; color:#74827b; background:transparent; cursor:pointer; }
.feed { display:flex; flex-direction:column; }
.feed-card { display:grid; grid-template-columns:88px minmax(0, 1fr) 110px; gap:18px; padding:19px 12px; border-top:1px solid var(--line); position:relative; transition:.16s ease; }
.feed-card:first-child { border-top-color:var(--line-strong); }
.feed-card:hover { background:rgba(255,255,255,.016); }
.source-column { padding-top:2px; }
.source-name { display:flex; align-items:center; gap:7px; color:#86958d; font-size:9px; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.source-name i { width:6px; height:6px; border-radius:50%; box-shadow:0 0 7px currentColor; }
.source-column time { display:block; color:#4e5c55; font-size:8px; margin:7px 0 0 13px; }
.story-content { min-width:0; }
.story-topline { display:flex; align-items:center; gap:8px; margin-bottom:7px; }
.topic-tag { color:#829189; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.045); border-radius:20px; padding:3px 7px; font-size:8px; white-space:nowrap; }
.score { color:var(--green); font:8px ui-monospace, monospace; }
.story-content h3 { margin:0; color:#dfe8e2; font-size:14px; font-weight:500; line-height:1.42; }
.story-content h3 a { color:inherit; text-decoration:none; }
.story-content h3 a:hover { color:var(--green); }
.story-content p { margin:7px 0 0; color:#6e7d75; font-size:10px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.story-actions { display:flex; justify-content:flex-end; align-items:center; gap:5px; }
.story-actions button, .story-actions a { width:30px; height:30px; border:1px solid var(--line); border-radius:9px; display:grid; place-items:center; color:#68766f; background:transparent; text-decoration:none; cursor:pointer; font-size:13px; }
.story-actions button:hover, .story-actions a:hover { border-color:var(--line-strong); color:var(--text); }
.story-actions button.active { color:var(--green); border-color:rgba(157,240,123,.25); background:var(--green-soft); }
.feed.compact .feed-card { grid-template-columns:75px minmax(0,1fr) 80px; padding:12px 10px; }
.feed.compact .story-content p, .feed.compact .topic-tag { display:none; }
.feed.compact .story-content h3 { font-size:12px; }
.loading-card { height:92px; border-radius:0; border-width:1px 0 0; }
.empty-state { text-align:center; padding:75px 20px; color:#65746d; }
.empty-state > span { font-size:35px; color:var(--green); opacity:.55; }
.empty-state h3 { color:#a8b6ae; font-size:15px; font-weight:500; margin:14px 0 7px; }
.empty-state p { font-size:10px; }

.publisher-section { padding-top:31px; }
.publisher-hero { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:22px 24px; border:1px solid rgba(157,240,123,.17); border-radius:16px; background:linear-gradient(135deg, rgba(157,240,123,.08), rgba(255,255,255,.012)); }
.publisher-hero p, .publisher-toolbar p { margin:0 0 5px; color:#68776f; font-size:8px; font-weight:800; letter-spacing:.15em; }
.publisher-hero h2, .publisher-toolbar h2 { margin:0; font-size:18px; font-weight:520; }
.publisher-hero > div > span { display:block; margin-top:8px; color:var(--muted); font-size:10px; }
.publisher-status { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px; margin:12px 0 31px; }
.status-chip { display:flex; align-items:center; gap:9px; min-height:48px; padding:9px 12px; border:1px solid var(--line); border-radius:11px; color:#a6b2ac; font-size:10px; }
.status-chip i { width:7px; height:7px; flex:none; border-radius:50%; background:#57645e; }
.status-chip.ready i { background:var(--green); box-shadow:0 0 8px var(--green); }
.status-chip.waiting { color:#77847e; }
.status-chip span small { display:block; margin-top:3px; color:#59665f; font-size:8px; }
.publisher-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:13px; }
.publisher-toolbar > span { color:#5d6a63; font-size:9px; }
.draft-filters { display:flex; gap:7px; margin:0 0 15px; overflow:auto; scrollbar-width:none; }
.draft-filters::-webkit-scrollbar { display:none; }
.draft-filters button { min-height:34px; flex:none; padding:0 12px; border:1px solid var(--line); border-radius:10px; color:#78877f; background:transparent; cursor:pointer; font-size:9px; }
.draft-filters button.active { color:var(--green); border-color:rgba(157,240,123,.24); background:var(--green-soft); }
.draft-filters b { min-width:17px; margin-left:4px; padding:2px 5px; border-radius:10px; color:#aab7b0; background:rgba(255,255,255,.06); font-size:8px; }
.draft-list { display:flex; flex-direction:column; gap:12px; }
.draft-card { display:grid; grid-template-columns:minmax(230px, .75fr) minmax(0, 1.55fr); min-height:320px; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.012); }
.draft-card.published { opacity:.78; }
.draft-card.rejected { opacity:.56; }
.draft-preview { position:relative; min-height:280px; background:#08110f; border-right:1px solid var(--line); }
.draft-preview img { width:100%; height:100%; min-height:280px; object-fit:cover; display:block; }
.cover-placeholder { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:9px; color:#5c6a63; background:radial-gradient(circle at 50% 38%, rgba(157,240,123,.1), transparent 28%), linear-gradient(135deg, #091612, #07100e); }
.cover-placeholder span { color:var(--green); font-size:34px; opacity:.65; }
.cover-placeholder small { font-size:9px; }
.draft-source { position:absolute; left:13px; right:13px; bottom:12px; display:flex; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid rgba(255,255,255,.09); border-radius:9px; color:#c8d2cc; background:rgba(4,10,8,.78); backdrop-filter:blur(10px); font-size:9px; }
.draft-source b { color:var(--green); font:8px ui-monospace, monospace; }
.draft-editor { min-width:0; padding:21px; display:flex; flex-direction:column; }
.draft-meta { display:flex; align-items:center; gap:10px; color:#66736d; font-size:9px; margin-bottom:15px; }
.draft-status { padding:4px 8px; border-radius:20px; color:var(--sand); background:rgba(239,198,122,.08); border:1px solid rgba(239,198,122,.16); }
.draft-status.published { color:var(--green); background:var(--green-soft); border-color:rgba(157,240,123,.2); }
.draft-status.error { color:var(--danger); background:rgba(255,139,120,.08); border-color:rgba(255,139,120,.2); }
.draft-status.rejected { color:#a9b2ad; background:rgba(169,178,173,.07); border-color:rgba(169,178,173,.15); }
.draft-editor label { display:block; color:#78867f; font-size:9px; margin-bottom:12px; }
.draft-editor input, .draft-editor textarea { width:100%; margin-top:6px; border:1px solid var(--line); border-radius:10px; color:#dce6e0; background:#08120f; outline:none; }
.draft-editor input { height:42px; padding:0 11px; font-size:12px; }
.draft-editor textarea { min-height:116px; padding:11px; resize:vertical; font-size:11px; line-height:1.55; }
.draft-editor input:focus, .draft-editor textarea:focus { border-color:rgba(157,240,123,.34); }
.draft-editor input[readonly], .draft-editor textarea[readonly] { color:#8b9992; }
.draft-error { margin:0 0 10px; color:var(--danger); font-size:9px; }
.draft-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; margin-top:auto; }
.draft-actions > a { margin-right:auto; color:#74827b; text-decoration:none; font-size:9px; }
.draft-actions > a:hover { color:var(--green); }
.secondary-button, .primary-button { min-height:36px; padding:0 12px; border-radius:9px; cursor:pointer; font-size:10px; }
.secondary-button { color:#9ba8a1; border:1px solid var(--line-strong); background:transparent; }
.secondary-button:hover:not(:disabled) { color:var(--text); background:rgba(255,255,255,.025); }
.primary-button { color:#10200e; border:1px solid var(--green); background:var(--green); font-weight:650; }
.primary-button:hover:not(:disabled) { filter:brightness(1.08); }
.secondary-button:disabled, .primary-button:disabled { opacity:.38; cursor:not-allowed; }
.reject-button { color:#c89489; border-color:rgba(255,139,120,.18); }
.secondary-button.loading::after, .primary-button.loading::after { content:"…"; margin-left:4px; }
.published-mark { color:var(--green); font-size:9px; }

dialog { width:min(480px, calc(100vw - 30px)); padding:0; border:1px solid var(--line-strong); border-radius:18px; color:var(--text); background:#0c1815; box-shadow:0 28px 90px rgba(0,0,0,.65); }
dialog::backdrop { background:rgba(1,7,5,.72); backdrop-filter:blur(5px); }
dialog form { padding:27px; position:relative; }
.dialog-close { position:absolute; right:17px; top:14px; border:0; background:transparent; color:#74827b; font-size:23px; cursor:pointer; }
dialog h2 { margin:0; font-size:24px; font-weight:480; }
.dialog-help { margin:9px 0 23px; color:var(--muted); font-size:11px; line-height:1.5; }
dialog label { display:block; margin-top:14px; color:#899991; font-size:10px; }
dialog label input { width:100%; height:43px; border:1px solid var(--line-strong); border-radius:10px; margin-top:7px; padding:0 12px; outline:0; background:#08120f; color:var(--text); font-size:12px; }
dialog label input:focus { border-color:rgba(157,240,123,.4); }
.dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:25px; }
.dialog-actions button { height:38px; border-radius:9px; padding:0 14px; cursor:pointer; font-size:11px; }
.dialog-actions .secondary { background:transparent; border:1px solid var(--line); color:var(--muted); }
.dialog-actions .primary { background:var(--green); border:1px solid var(--green); color:#10200e; font-weight:650; }
.toast { position:fixed; z-index:50; left:50%; bottom:22px; transform:translate(-50%, 20px); background:#dfffd2; color:#173215; border-radius:9px; padding:10px 14px; font-size:11px; opacity:0; pointer-events:none; transition:.2s ease; box-shadow:0 12px 30px rgba(0,0,0,.3); }
.toast.show { opacity:1; transform:translate(-50%, 0); }

@media (max-width: 1000px) {
  .app-shell { grid-template-columns: 208px minmax(0,1fr); }
  .sidebar { padding-left:13px; padding-right:13px; }
  main { padding-left:28px; padding-right:28px; }
  .trend-grid { grid-template-columns:repeat(2,1fr); }
  .draft-card { grid-template-columns:1fr; }
  .draft-preview { min-height:230px; border-right:0; border-bottom:1px solid var(--line); }
  .publisher-status { grid-template-columns:repeat(2,1fr); }
  .topbar { flex-direction:column; }
  .top-actions { width:100%; }
  .search { width:100%; }
}
@media (max-width: 720px) {
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); padding-bottom:calc(76px + var(--tg-safe-area-inset-bottom, 0px)); }
  .app-shell { display:block; min-height:auto; }
  .sidebar { position:fixed; left:0; right:0; bottom:0; top:auto; z-index:40; width:100%; height:calc(70px + env(safe-area-inset-bottom)); height:calc(70px + var(--tg-safe-area-inset-bottom, 0px)); padding:7px 10px max(7px, env(safe-area-inset-bottom)); border:1px solid rgba(255,255,255,.08); border-width:1px 0 0; background:rgba(5,14,11,.94); backdrop-filter:blur(24px); overflow:visible; }
  .brand, .source-box, .local-badge, .side-heading, .topic-list { display:none; }
  .primary-nav { height:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:0; border:0; }
  .nav-item { position:relative; grid-template-columns:1fr; grid-template-rows:25px 16px; justify-items:center; align-content:center; gap:1px; padding:4px 2px; text-align:center; font-size:9px; border-radius:12px; }
  .nav-item span { font-size:20px; line-height:1; }
  .nav-item b { position:absolute; top:3px; left:calc(50% + 8px); min-width:16px; padding:1px 4px; color:#0a160d; background:var(--green); font-size:7px; }
  main { padding:calc(15px + var(--tg-safe-area-inset-top, 0px)) 14px 24px; }
  .mobile-brandbar { min-height:44px; margin:0 0 17px; display:flex; align-items:center; gap:10px; }
  .mobile-brandbar img { width:42px; height:42px; border-radius:13px; object-fit:cover; box-shadow:0 0 24px rgba(91,255,124,.13); }
  .mobile-brandbar span { min-width:0; display:block; }
  .mobile-brandbar b { display:block; font-size:13px; letter-spacing:.14em; }
  .mobile-brandbar small { display:block; margin-top:3px; color:#68786f; font-size:9px; }
  .mobile-brandbar i { width:8px; height:8px; margin-left:auto; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }
  .topbar { padding-bottom:17px; border-bottom:0; }
  .topbar h1 { font-size:27px; }
  .topbar .eyebrow { margin-bottom:7px; }
  .top-actions { flex-direction:column; align-items:stretch; }
  .search { width:100%; }
  .refresh-button, .search { min-height:45px; height:45px; border-radius:13px; }
  .app-hero { min-height:260px; margin-top:0; border-radius:19px; }
  .app-hero > img { object-position:62% center; opacity:.84; }
  .app-hero-shade { background:linear-gradient(0deg, rgba(4,11,8,.98) 0%, rgba(4,11,8,.72) 58%, rgba(4,11,8,.18) 100%); }
  .app-hero-copy { padding:23px 20px 94px; }
  .app-hero-copy h2 { max-width:280px; margin-top:60px; font-size:29px; }
  .app-hero-copy p { max-width:280px; }
  .app-hero-stats { left:20px; right:20px; bottom:20px; gap:0; justify-content:space-between; }
  .app-hero-stats span { flex-direction:column; gap:1px; }
  .app-hero-stats b { font-size:18px; }
  .app-hero-stats small { font-size:7px; }
  .pulse-section { padding-top:25px; }
  .trend-grid { display:flex; overflow:auto; }
  .trend-card, .trend-skeleton { min-width:190px; }
  .feed-card { grid-template-columns:1fr auto; gap:8px 12px; padding:16px 5px; }
  .source-column { grid-column:1/2; display:flex; gap:8px; align-items:center; }
  .source-column time { margin:0; }
  .story-content { grid-column:1/-1; grid-row:2; }
  .story-actions { grid-column:2; grid-row:1; }
  .publisher-hero, .publisher-toolbar { align-items:flex-start; flex-direction:column; }
  .publisher-hero { padding:19px; }
  .publisher-status { grid-template-columns:1fr 1fr; }
  .status-chip { min-height:54px; }
  .draft-filters { margin-left:-2px; margin-right:-14px; padding-right:14px; }
  .draft-editor { padding:17px; }
  .draft-actions { justify-content:flex-start; }
  .draft-actions > a { width:100%; margin:0 0 3px; }
  .secondary-button, .primary-button { min-height:43px; }
  .toast { bottom:calc(86px + var(--tg-safe-area-inset-bottom, 0px)); width:calc(100% - 30px); text-align:center; }
}

/* RADAR Signature — premium Mini App surface */
:root {
  --bg:#030907;
  --surface:#07110e;
  --surface-2:#0a1712;
  --line:rgba(222,240,229,.095);
  --line-strong:rgba(232,245,237,.18);
  --text:#f2f6f3;
  --muted:#87968e;
  --green:#67f09a;
  --green-soft:rgba(73,225,135,.105);
  --sand:#e5bf78;
}

html, body { background:#030907; }
body {
  background:
    radial-gradient(circle at 68% -8%, rgba(28,104,67,.24), transparent 30%),
    radial-gradient(circle at 16% 38%, rgba(167,120,48,.055), transparent 25%),
    linear-gradient(180deg, #040b09 0%, #030806 60%, #020604 100%);
}
.noise { opacity:.022; }
.sidebar { border-right-color:rgba(229,191,120,.11); background:rgba(3,10,7,.88); }
.brand-image, .mobile-brandbar img { border:1px solid rgba(229,191,120,.18); box-shadow:0 16px 46px rgba(0,0,0,.4), 0 0 30px rgba(55,238,134,.12); }
.brand small { color:#7c8a82; }
.nav-item { border:1px solid transparent; }
.nav-item.active { border-color:rgba(229,191,120,.12); background:linear-gradient(100deg, rgba(48,198,111,.12), rgba(229,191,120,.04)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.nav-item.active span { color:var(--sand); }
.nav-item b { background:rgba(255,255,255,.055); }
.topbar { border-bottom-color:rgba(229,191,120,.09); }
h1 { font-weight:480; }
h1 em { color:#839188; }
.eyebrow { color:#9eaa9f; }
.eyebrow span { background:var(--sand); box-shadow:0 0 8px rgba(229,191,120,.55); }
.search, .refresh-button { border-color:rgba(229,191,120,.14); background:rgba(255,255,255,.02); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.refresh-button { color:#d9e8de; }
.refresh-button:hover { border-color:rgba(103,240,154,.25); background:var(--green-soft); }

.app-hero {
  min-height:286px;
  margin-top:27px;
  border:1px solid rgba(229,191,120,.22);
  border-radius:26px;
  background:#030907;
  box-shadow:0 26px 80px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.055);
}
.app-hero::after { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(115deg, transparent 55%, rgba(229,191,120,.055)); pointer-events:none; }
.app-hero > img { object-position:72% 50%; filter:saturate(1.08) contrast(1.04); }
.app-hero-shade { background:linear-gradient(90deg, rgba(2,8,6,.99) 0%, rgba(2,8,6,.92) 36%, rgba(2,8,6,.42) 61%, rgba(2,8,6,.05) 100%), linear-gradient(0deg, rgba(2,8,6,.86), transparent 45%); }
.app-hero-copy { padding:34px 34px 105px; max-width:600px; }
.live-pill { min-height:27px; padding:0 11px; border-color:rgba(229,191,120,.28); color:var(--sand); background:rgba(229,191,120,.075); letter-spacing:.16em; }
.live-pill i { background:var(--green); box-shadow:0 0 12px var(--green); }
.app-hero-copy h2 { margin:23px 0 12px; max-width:550px; color:#f4f5f1; font-size:clamp(30px,3.6vw,49px); font-weight:450; letter-spacing:-.045em; }
.app-hero-copy p { max-width:430px; color:#a2aea6; font-size:11px; line-height:1.65; }
.app-hero-stats { left:34px; right:34px; bottom:25px; gap:34px; }
.app-hero-stats span { position:relative; gap:8px; }
.app-hero-stats span + span::before { content:""; width:1px; height:21px; margin-right:25px; background:rgba(229,191,120,.16); }
.app-hero-stats b { color:#f4f6f3; font-size:23px; font-weight:520; }
.app-hero-stats small { color:#87948c; letter-spacing:.13em; }

.command-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:11px; }
.command-card { min-width:0; min-height:68px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px 14px; border:1px solid rgba(229,191,120,.1); border-radius:15px; background:linear-gradient(135deg, rgba(255,255,255,.028), rgba(255,255,255,.008)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.command-icon { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(103,240,154,.18); border-radius:10px; color:var(--green); background:rgba(103,240,154,.06); font-size:14px; }
.command-card small { display:block; margin-bottom:5px; color:#627169; font-size:7px; font-weight:800; letter-spacing:.14em; }
.command-card b { display:block; overflow:hidden; color:#bfc9c2; font-size:10px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.command-card em { color:var(--sand); font:700 9px ui-monospace,monospace; font-style:normal; white-space:nowrap; }
.command-card.complete .command-icon { color:var(--sand); border-color:rgba(229,191,120,.2); background:rgba(229,191,120,.07); }

.pulse-section { padding-top:36px; border-bottom-color:rgba(229,191,120,.09); }
.section-title p, .feed-toolbar p, .publisher-hero p, .publisher-toolbar p { color:#9b8362; }
.trend-card { border-color:rgba(229,191,120,.1); background:linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.trend-card::after { border-color:rgba(103,240,154,.11); box-shadow:0 0 0 11px rgba(103,240,154,.028), 0 0 0 22px rgba(103,240,154,.012); }

.feed-filters { display:flex; gap:7px; margin:-2px 0 15px; padding-bottom:2px; overflow:auto; scrollbar-width:none; }
.feed-filters::-webkit-scrollbar { display:none; }
.feed-filters button { min-height:34px; flex:none; padding:0 13px; border:1px solid var(--line); border-radius:999px; color:#829087; background:rgba(255,255,255,.012); cursor:pointer; font-size:9px; }
.feed-filters button.active { color:#122116; border-color:rgba(229,191,120,.5); background:linear-gradient(135deg, #f0d49d, #d7aa5d); box-shadow:0 6px 22px rgba(195,140,48,.12); font-weight:700; }
.feed-card { margin-top:7px; padding:18px 17px; border:1px solid rgba(229,191,120,.1); border-radius:15px; background:linear-gradient(120deg, rgba(255,255,255,.026), rgba(255,255,255,.008)); box-shadow:inset 0 1px rgba(255,255,255,.02); }
.feed-card:first-child { border-top-color:rgba(229,191,120,.14); }
.feed-card:hover { border-color:rgba(229,191,120,.2); background:linear-gradient(120deg, rgba(255,255,255,.038), rgba(255,255,255,.01)); }
.topic-tag { border-color:rgba(229,191,120,.1); color:#9ba79f; background:rgba(229,191,120,.035); }
.score { color:var(--sand); }
.story-actions button, .story-actions a { border-color:rgba(229,191,120,.1); background:rgba(0,0,0,.1); }
.story-actions button:hover, .story-actions a:hover { border-color:rgba(229,191,120,.3); color:var(--sand); }
.story-actions button.active { color:var(--sand); border-color:rgba(229,191,120,.28); background:rgba(229,191,120,.065); }

.publisher-hero { position:relative; overflow:hidden; min-height:130px; border-color:rgba(229,191,120,.2); border-radius:20px; background:linear-gradient(90deg, rgba(3,10,7,.97), rgba(4,14,10,.74)), url('/media/radar-hero-v2.png') 76% 52% / cover; box-shadow:0 22px 65px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.04); }
.publisher-hero h2 { color:#f4f5f2; font-size:23px; }
.publisher-hero > div > span { color:#a2aea6; }
.status-chip, .draft-card { border-color:rgba(229,191,120,.1); background:rgba(255,255,255,.014); }
.primary-button { color:#0b1710; border-color:#68e99a; background:linear-gradient(135deg,#83f3aa,#4bd886); box-shadow:0 7px 20px rgba(56,220,126,.12); }
.secondary-button { border-color:rgba(229,191,120,.16); }

@media (max-width: 1000px) {
  .command-strip { grid-template-columns:1fr 1fr; }
  .command-card:first-child { grid-column:1/-1; }
}

@media (max-width: 720px) {
  body { background:radial-gradient(circle at 85% 2%, rgba(32,108,70,.2), transparent 23%), linear-gradient(180deg,#040b09,#020604); }
  main { padding-left:13px; padding-right:13px; }
  .mobile-brandbar { margin-bottom:14px; }
  .mobile-brandbar::after { content:"УПРАВЛЕНИЕ"; margin-left:2px; padding:4px 7px; border:1px solid rgba(229,191,120,.17); border-radius:99px; color:#a88d63; font:700 6px ui-monospace,monospace; letter-spacing:.08em; }
  .mobile-brandbar i { margin-left:auto; }
  .topbar { gap:15px; padding-bottom:14px; }
  .topbar h1 { font-size:25px; line-height:1.08; }
  .topbar h1 em { display:block; margin-top:2px; color:#a2ada6; }
  .top-actions { gap:8px; }
  .refresh-button { color:#dbe7df; background:linear-gradient(100deg,rgba(103,240,154,.09),rgba(229,191,120,.04)); }
  .app-hero { min-height:326px; border-radius:22px; }
  .app-hero > img { object-position:65% 48%; opacity:.98; }
  .app-hero-shade { background:linear-gradient(0deg, rgba(2,8,6,.99) 0%, rgba(2,8,6,.93) 26%, rgba(2,8,6,.4) 61%, rgba(2,8,6,.08) 100%), linear-gradient(90deg, rgba(2,8,6,.84) 0%, rgba(2,8,6,.12) 75%); }
  .app-hero-copy { padding:19px 18px 102px; }
  .live-pill { min-height:25px; font-size:7px; }
  .app-hero-copy h2 { max-width:320px; margin-top:105px; margin-bottom:8px; font-size:30px; line-height:1.04; }
  .app-hero-copy p { max-width:310px; color:#a6b1aa; font-size:10px; line-height:1.52; }
  .app-hero-stats { left:18px; right:18px; bottom:17px; }
  .app-hero-stats span { display:flex; align-items:flex-start; gap:1px; }
  .app-hero-stats span + span::before { display:none; }
  .app-hero-stats b { font-size:20px; }
  .app-hero-stats small { font-size:6.5px; }
  .command-strip { display:flex; margin:9px -13px 0; padding:0 13px 2px; gap:8px; overflow:auto; scrollbar-width:none; scroll-snap-type:x proximity; }
  .command-strip::-webkit-scrollbar { display:none; }
  .command-card, .command-card:first-child { min-width:250px; min-height:66px; grid-column:auto; scroll-snap-align:start; border-radius:14px; }
  .pulse-section { padding-top:29px; }
  .section-title, .feed-toolbar { align-items:flex-end; }
  .section-title > span { max-width:130px; text-align:right; line-height:1.35; }
  .trend-grid { margin-right:-13px; padding-right:13px; gap:8px; scrollbar-width:none; }
  .trend-card, .trend-skeleton { min-width:184px; border-radius:15px; }
  .feed-section { padding-top:27px; }
  .feed-toolbar { margin-bottom:13px; }
  .feed-filters { margin-right:-13px; padding-right:13px; }
  .feed-card { grid-template-columns:1fr auto; gap:11px 12px; margin-top:9px; padding:15px; border-radius:17px; }
  .source-column { grid-column:1/2; }
  .source-name { color:#9ba9a1; }
  .story-actions { gap:4px; }
  .story-actions button, .story-actions a { width:32px; height:32px; }
  .story-content h3 { color:#e7ece8; font-size:14px; line-height:1.38; }
  .story-content p { color:#87938c; font-size:10px; }
  .sidebar { height:calc(72px + env(safe-area-inset-bottom)); height:calc(72px + var(--tg-safe-area-inset-bottom, 0px)); padding:8px 9px max(7px, env(safe-area-inset-bottom)); border-top-color:rgba(229,191,120,.14); background:rgba(3,9,7,.93); box-shadow:0 -18px 50px rgba(0,0,0,.34); }
  .primary-nav { gap:6px; }
  .nav-item { border-radius:15px; }
  .nav-item.active { border-color:rgba(229,191,120,.15); background:linear-gradient(145deg,rgba(103,240,154,.11),rgba(229,191,120,.055)); }
  .nav-item.active span { color:var(--sand); }
  .nav-item b { color:#102116; background:linear-gradient(135deg,#f0d49d,#d8aa5d); }
  .publisher-hero { min-height:164px; padding:21px; background:linear-gradient(0deg,rgba(3,10,7,.97),rgba(3,10,7,.35)),url('/media/radar-hero-v2.png') 68% 45% / cover; }
}

@media (max-width: 380px) {
  .app-hero { min-height:310px; }
  .app-hero-copy h2 { margin-top:92px; font-size:27px; }
  .app-hero-copy p { max-width:285px; }
  .app-hero-stats { gap:12px; }
}

/* Живая, но спокойная динамика — без визуального шума */
.app-hero::before { content:""; position:absolute; z-index:1; top:-35%; bottom:-35%; left:-20%; width:32%; transform:rotate(13deg); background:linear-gradient(90deg,transparent,rgba(126,255,176,.065),transparent); filter:blur(2px); pointer-events:none; animation:radarSweep 7.5s ease-in-out infinite; }
@keyframes radarSweep { 0%,18% { transform:translateX(-90%) rotate(13deg); opacity:0; } 32% { opacity:1; } 62%,100% { transform:translateX(430%) rotate(13deg); opacity:0; } }
.command-card { transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.command-card:hover { transform:translateY(-2px); border-color:rgba(229,191,120,.22); background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.command-icon { animation:commandGlow 3.2s ease-in-out infinite; }
.command-card:nth-child(2) .command-icon { animation-delay:.5s; }
.command-card:nth-child(3) .command-icon { animation-delay:1s; }
@keyframes commandGlow { 0%,100% { box-shadow:0 0 0 rgba(103,240,154,0); } 50% { box-shadow:0 0 18px rgba(103,240,154,.12); } }
@media (prefers-reduced-motion:reduce) { .app-hero::before,.command-icon { animation:none; } }

/* Telegram-first editorial surface: concise overview, accessible topics, larger controls. */
@media (max-width:720px) {
  .mobile-topics { display:flex; gap:8px; overflow-x:auto; margin:0 -13px 15px; padding:0 13px 3px; scrollbar-width:none; }
  .mobile-topics::-webkit-scrollbar { display:none; }
  .mobile-topics button { flex:none; min-height:36px; padding:0 12px; border:1px solid rgba(229,191,120,.13); border-radius:99px; color:#abb8ae; background:#0b1712; font-size:11px; }
  .mobile-topics button.active { border-color:rgba(234,200,132,.4); color:#f2d59d; background:rgba(229,191,120,.09); }
  .mobile-topics .mobile-topic-add { color:#e6c890; border-color:rgba(229,191,120,.29); }
  .mobile-topic-wrap { flex:none; display:flex; align-items:center; border:1px solid rgba(229,191,120,.13); border-radius:99px; background:#0b1712; }
  .mobile-topics .mobile-topic-wrap button { border:0; background:transparent; }
  .mobile-topics .mobile-topic-wrap .mobile-topic { padding-right:5px; }
  .mobile-topics .mobile-topic-wrap .mobile-topic-remove { min-width:30px; padding:0 7px 0 2px; color:#8d9c90; font-size:15px; }
  .app-hero { min-height:208px; border-color:rgba(237,204,143,.23); background:radial-gradient(circle at 90% 10%,rgba(41,127,77,.27),transparent 55%),linear-gradient(135deg,#0d2018,#07100d 70%); box-shadow:0 20px 45px rgba(0,0,0,.25); }
  .app-hero > img { width:52%; left:auto; opacity:.23; object-position:center; mix-blend-mode:screen; mask-image:linear-gradient(90deg,transparent,#000 40%); }
  .app-hero-shade { background:linear-gradient(90deg,rgba(6,16,12,.7),transparent); }
  .app-hero::before { display:none; }
  .app-hero-copy { padding:18px 18px 68px; }
  .app-hero-copy h2 { margin:18px 0 7px; max-width:265px; font-size:27px; line-height:1.04; }
  .app-hero-copy p { max-width:275px; color:#b5c3b9; font-size:11px; line-height:1.4; }
  .app-hero-stats { left:18px; right:18px; bottom:14px; padding-top:11px; border-top:1px solid rgba(229,191,120,.15); }
  .app-hero-stats b { font-size:19px; line-height:1; }
  .app-hero-stats small { font-size:8px; letter-spacing:.04em; text-transform:none; }
  .command-strip { margin-top:10px; }
  .command-card,.command-card:first-child { min-width:185px; min-height:60px; }
  .pulse-section { display:none; }
  .trend-card,.trend-skeleton { min-width:160px; min-height:86px; }
  .trend-card h3 { margin-top:11px; }
  .feed-card { margin-top:7px; padding:16px; background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
  .story-content h3 { font-size:15px; font-weight:560; }
  .story-content p { font-size:11px; }
  .story-actions button,.story-actions a { width:35px; height:35px; font-size:15px; }
  .topic-tag,.score,.source-name,.source-column time { font-size:10px; }
  .publisher-section { padding-top:8px; }
  .publisher-hero { min-height:134px; }
  .draft-card { border-radius:17px; }
  .draft-preview { min-height:145px; }
  .draft-preview img { min-height:145px; max-height:200px; }
  .draft-editor label { font-size:11px; }
  .draft-editor input,.draft-editor textarea { font-size:14px; }
  .draft-filters button { min-height:39px; font-size:11px; }
}

/* RADAR 2026 — a quiet editorial instrument, not a generic dark dashboard. */
:root {
  --bg:#06120e;
  --surface:#0b1b16;
  --surface-2:#10251e;
  --line:rgba(189,225,199,.14);
  --line-strong:rgba(213,240,218,.25);
  --text:#f3f8f1;
  --muted:#a0b2a5;
  --green:#78e6b1;
  --green-soft:rgba(87,224,161,.14);
  --sand:#e8cc98;
}
html, body { background:#06120e; }
body { background:radial-gradient(circle at 85% -10%,rgba(49,130,93,.22),transparent 34%),linear-gradient(180deg,#071711,#06120e 54%,#05100d); }
.noise { opacity:.012; }
.sidebar { background:linear-gradient(180deg,rgba(11,30,23,.97),rgba(6,19,14,.97)); border-right-color:rgba(198,230,207,.12); }
.brand-image,.mobile-brandbar img { border:1px solid rgba(149,226,182,.31); border-radius:13px; box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 22px rgba(81,225,167,.12); }
.brand strong,.mobile-brandbar b { color:#f4f8f1; font-weight:790; letter-spacing:.15em; }
.brand small { color:#97ad9b; }
.nav-item { min-height:43px; color:#acc0b0; font-weight:560; }
.nav-item.active { color:#f5f9f2; background:linear-gradient(100deg,rgba(90,222,154,.2),rgba(219,194,137,.055)); border-color:rgba(132,225,169,.22); }
.nav-item.active span { color:#a5f0be; }
.nav-item b { color:#dceadf; }
.topbar h1 { font-weight:520; }
.topbar h1 em { color:#a6d9b8; }
.eyebrow,.section-title p,.feed-toolbar p,.publisher-hero p,.publisher-toolbar p { color:#dfbf83; }
.eyebrow span { background:#e8cc98; box-shadow:none; }
.search { border-color:rgba(187,225,195,.2); background:rgba(14,35,25,.73); }
.search input { font-size:12px; }
.search input::placeholder { color:#91a394; }
.refresh-button { border-color:rgba(118,223,161,.3); background:rgba(74,201,136,.12); color:#d0f4dc; font-weight:680; }
.app-hero { min-height:278px; border:1px solid rgba(200,228,197,.24); border-radius:25px; background:#09211a; box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07); }
.app-hero > img { opacity:1; filter:none; object-position:center; }
.app-hero-shade { background:linear-gradient(90deg,rgba(5,17,13,.98) 0%,rgba(5,17,13,.9) 30%,rgba(5,17,13,.36) 66%,rgba(5,17,13,.08)),linear-gradient(0deg,rgba(5,17,13,.62),transparent 50%); }
.app-hero-copy { max-width:620px; padding:34px 34px 98px; }
.live-pill { min-height:27px; border-color:rgba(197,227,178,.32); color:#e9d49f; background:rgba(224,199,133,.1); font-size:9px; }
.app-hero-copy h2 { color:#f8fbf3; font-weight:620; letter-spacing:-.045em; }
.app-hero-copy p { color:#c0d0bf; font-size:12px; }
.app-hero-stats { bottom:22px; }
.app-hero-stats b { color:#f7faf1; font-weight:650; }
.app-hero-stats small { color:#bdcdbb; font-size:9px; }
.command-strip { gap:10px; }
.command-card { border-color:rgba(165,212,174,.17); background:linear-gradient(150deg,rgba(29,63,42,.52),rgba(10,30,22,.63)); min-height:74px; }
.command-icon { background:rgba(81,220,158,.11); border-color:rgba(113,221,158,.26); }
.command-card small { color:#a2b7a4; font-size:9px; }
.command-card b { color:#ecf4e8; font-size:12px; }
.command-card em { color:#e8cc98; font-size:11px; }
.pulse-section { padding-top:34px; padding-bottom:31px; }
.section-title h2,.feed-toolbar h2 { font-size:19px; font-weight:640; letter-spacing:-.02em; }
.section-title > span { color:#9bad9e; font-size:10px; }
.focus-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.focus-card { position:relative; display:flex; flex-direction:column; min-width:0; min-height:156px; padding:17px 17px 15px; overflow:hidden; border:1px solid rgba(177,218,185,.19); border-radius:17px; color:inherit; background:linear-gradient(150deg,rgba(29,63,44,.69),rgba(9,28,22,.77)); text-decoration:none; box-shadow:inset 0 1px rgba(255,255,255,.04); }
.focus-card::after { content:""; position:absolute; right:-45px; bottom:-75px; width:160px; height:160px; border:1px solid rgba(147,234,177,.1); border-radius:50%; box-shadow:0 0 0 26px rgba(147,234,177,.025),0 0 0 52px rgba(147,234,177,.012); pointer-events:none; }
.focus-card:hover { border-color:rgba(148,229,176,.42); transform:translateY(-2px); }
.focus-card > div { display:flex; align-items:center; gap:9px; color:#a9d7b1; font-size:10px; }
.focus-index { color:#e8cc98; font:700 11px ui-monospace,monospace; }
.focus-card h3 { position:relative; z-index:1; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:20px 0 18px; color:#f2f7ef; font-size:15px; line-height:1.35; font-weight:620; }
.focus-card small { position:relative; z-index:1; margin-top:auto; color:#a7b9a8; font-size:10px; }
.feed-intro { display:flex; align-items:center; gap:12px; margin:0 0 16px; padding:13px 15px; border:1px solid rgba(191,222,182,.18); border-radius:14px; background:rgba(26,57,38,.37); }
.feed-intro > span { display:grid; place-items:center; width:31px; height:31px; flex:none; border:1px solid rgba(183,227,177,.39); border-radius:9px; color:#e8cc98; font:750 10px ui-monospace,monospace; }
.feed-intro p { margin:0; max-width:770px; color:#b6c7b8; font-size:11px; line-height:1.45; }
.feed-intro button { min-height:36px; margin-left:auto; padding:0 12px; flex:none; border:1px solid rgba(151,220,167,.31); border-radius:10px; color:#d5f3d8; background:rgba(99,207,137,.12); cursor:pointer; font-size:11px; font-weight:650; }
.feed-filters button { min-height:37px; border-color:rgba(183,216,186,.19); color:#b0c1b2; background:rgba(19,45,29,.55); font-size:10px; }
.feed-filters button.active { color:#102016; border-color:#d8efcb; background:linear-gradient(135deg,#e6f2d2,#b7e9be); box-shadow:0 8px 24px rgba(109,223,155,.12); }
.feed-card { border-color:rgba(174,218,183,.17); background:linear-gradient(135deg,rgba(22,51,34,.67),rgba(8,28,21,.68)); box-shadow:inset 0 1px rgba(255,255,255,.035); }
.feed-card:first-child { border-top-color:rgba(174,218,183,.24); }
.feed-card:hover { border-color:rgba(174,218,183,.35); background:linear-gradient(135deg,rgba(31,67,43,.7),rgba(11,33,24,.75)); }
.source-name { color:#b3cdb8; font-size:10px; }
.source-column time { color:#91a792; font-size:9px; }
.topic-tag { color:#c5d9c5; border-color:rgba(181,217,177,.15); background:rgba(148,204,156,.08); }
.language-tag { padding:3px 7px; border:1px solid rgba(220,188,128,.23); border-radius:20px; color:#e3c889; background:rgba(229,192,122,.07); font-size:8px; white-space:nowrap; }
.language-tag.original { color:#aab6ad; border-color:rgba(194,206,197,.16); }
.score { margin-left:auto; color:#d9c491; }
.story-content h3 { color:#f0f6ed; font-size:15px; font-weight:620; }
.story-content p { color:#b4c4b5; font-size:11px; }
.story-actions button,.story-actions a { border-color:rgba(173,212,178,.19); color:#c3d9c5; }
.story-actions button:hover,.story-actions a:hover { color:#e9f6e6; border-color:rgba(174,233,181,.45); }
.story-actions button.active { color:#c9f1cf; background:rgba(98,212,135,.16); }
.publisher-hero { background:linear-gradient(90deg,rgba(6,18,14,.98),rgba(6,22,16,.68)),url('/media/radar-hero.svg') center/cover; border-color:rgba(183,226,187,.26); }
.publisher-hero > div > span { max-width:440px; color:#c1d0be; line-height:1.5; }
.publisher-links { display:flex; align-items:center; gap:8px; flex:none; }
.publisher-links a { display:grid; place-items:center; min-height:38px; padding:0 13px; border:1px solid rgba(168,227,169,.35); border-radius:10px; color:#e4f4d6; background:rgba(105,218,144,.13); font-size:11px; font-weight:650; text-decoration:none; }
.status-chip { background:rgba(22,52,33,.39); }
.status-chip span small { color:#9eae9e; }
.draft-card { border-color:rgba(170,218,175,.2); background:#0c2119; }
.draft-card.published,.draft-card.rejected { opacity:1; }
.draft-preview { background:#102d22; }
.cover-placeholder { padding:18px; background:radial-gradient(circle at 64% 25%,rgba(92,211,144,.18),transparent 45%),linear-gradient(145deg,#153a29,#071b14); text-align:center; }
.cover-placeholder small { max-width:230px; color:#b7cbb6; font-size:10px; line-height:1.4; }
.draft-editor input,.draft-editor textarea,dialog label input,dialog label textarea { color:#f1f6ee; background:#0b1b15; border-color:rgba(164,215,170,.22); }
.draft-editor label { color:#bdd0bd; }
.draft-actions > a { color:#d9eaca; font-size:10px; }
.draft-actions > .published-mark { margin-left:auto; }
.draft-status.publishing { color:#dfecc7; background:rgba(184,211,142,.1); border-color:rgba(184,211,142,.28); }
.draft-error-note { width:100%; margin:0 0 8px; color:#d9c696; font-size:11px; line-height:1.45; }
.draft-translation-warning { margin:0 0 13px; padding:10px 12px; border:1px solid rgba(224,190,118,.2); border-radius:10px; background:rgba(224,190,118,.06); color:#e4ce9f; font-size:10px; line-height:1.45; }
.draft-translation-warning span { display:block; margin-top:5px; color:#aab8ab; }
dialog { background:#0b2118; border-color:rgba(192,230,190,.24); }
dialog label textarea { display:block; width:100%; min-height:112px; margin-top:7px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:10px; outline:0; resize:vertical; font-size:13px; line-height:1.4; }
dialog label textarea:focus { border-color:rgba(157,240,123,.4); }

@media (max-width:1000px) {
  .focus-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .focus-card:last-child { display:none; }
  .publisher-links { width:100%; }
}
@media (max-width:720px) {
  body { background:linear-gradient(180deg,#071a12,#06120e 38%,#04100d); }
  main { padding-left:15px; padding-right:15px; }
  .mobile-brandbar { min-height:48px; margin-bottom:16px; }
  .mobile-brandbar img { width:43px; height:43px; }
  .mobile-brandbar::after { content:"РЕДАКЦИЯ"; color:#e2cb9d; border-color:rgba(223,198,144,.28); font-size:7px; }
  .mobile-brandbar small { color:#a3b5a4; }
  .topbar h1 { font-size:26px; }
  .topbar h1 em { color:#abd8b1; }
  .top-actions { flex-direction:row; }
  .search { flex:1; min-width:0; }
  .refresh-button { width:102px; padding:0 8px; font-size:10px; }
  .mobile-topics { margin:0 -15px 15px; padding:0 15px 3px; }
  .mobile-topics button,.mobile-topic-wrap { background:#10271b; border-color:rgba(169,221,174,.23); color:#d0e4cc; }
  .mobile-topics button.active { color:#d7f4d7; border-color:rgba(173,230,178,.46); background:rgba(99,210,136,.16); }
  .mobile-topics .mobile-topic-add { color:#ebd29e; border-color:rgba(224,198,138,.32); }
  .app-hero { min-height:250px; border-radius:20px; margin-top:1px; }
  .app-hero > img { width:100%; height:100%; left:0; opacity:1; object-position:59% center; mask-image:none; mix-blend-mode:normal; }
  .app-hero-shade { background:linear-gradient(90deg,rgba(5,19,14,.96),rgba(5,19,14,.53) 72%,rgba(5,19,14,.16)),linear-gradient(0deg,rgba(5,19,14,.86),transparent 67%); }
  .app-hero-copy { padding:20px 19px 74px; }
  .app-hero-copy h2 { max-width:230px; margin:24px 0 9px; font-size:30px; line-height:1.03; }
  .app-hero-copy p { max-width:265px; color:#d0dfcf; font-size:11px; line-height:1.45; }
  .app-hero-stats { left:19px; right:19px; bottom:15px; padding-top:10px; border-top:1px solid rgba(183,227,174,.23); }
  .app-hero-stats b { font-size:19px; }
  .app-hero-stats small { font-size:8px; color:#c0d3bb; }
  .command-strip { margin:10px -15px 0; padding:0 15px 3px; }
  .command-card,.command-card:first-child { min-width:190px; min-height:67px; }
  .pulse-section { display:block; padding-top:27px; padding-bottom:26px; }
  .section-title h2,.feed-toolbar h2 { font-size:17px; }
  .focus-grid { display:flex; overflow:auto; gap:8px; margin-right:-15px; padding-right:15px; scrollbar-width:none; scroll-snap-type:x mandatory; }
  .focus-card,.focus-card:last-child { display:flex; min-width:242px; min-height:154px; scroll-snap-align:start; }
  .feed-section { padding-top:25px; }
  .feed-intro { display:grid; grid-template-columns:31px minmax(0,1fr); padding:12px; gap:8px 10px; }
  .feed-intro p { font-size:10px; }
  .feed-intro button { grid-column:1/-1; width:100%; margin:3px 0 0; min-height:38px; }
  .feed-filters { margin-right:-15px; padding-right:15px; }
  .feed-filters button { font-size:10px; }
  .feed-card { padding:16px; background:linear-gradient(145deg,rgba(23,54,35,.76),rgba(9,29,21,.8)); }
  .story-topline { flex-wrap:wrap; }
  .story-content h3 { font-size:15px; }
  .story-content p { font-size:11px; }
  .sidebar { background:rgba(7,24,16,.97); border-top-color:rgba(163,219,174,.27); }
  .nav-item.active { background:rgba(77,191,121,.17); border-color:rgba(152,225,163,.2); }
  .nav-item.active span { color:#aef0b4; }
  .nav-item b { color:#0e2216; background:#d9eebe; }
  .publisher-hero { background:linear-gradient(90deg,rgba(6,18,14,.95),rgba(6,22,16,.48)),url('/media/radar-hero.svg') 58% center/cover; }
  .publisher-links { flex-wrap:wrap; }
  .publisher-links a,.publisher-links button { flex:1; white-space:nowrap; }
  .publisher-status { grid-template-columns:1fr 1fr; }
  .status-chip { min-width:0; padding:9px; }
  .draft-actions > .published-mark { width:auto; }
}
@media (max-width:380px) {
  .app-hero-copy h2 { font-size:27px; }
  .app-hero-stats { gap:8px; }
  .publisher-links { flex-direction:column; align-items:stretch; }
}

/* RADAR instrument panel: tactile navigation, clearer hierarchy, and a dedicated X room. */
:root { --card-edge:rgba(197,236,201,.22); --card-deep:#081b14; }
body { background:radial-gradient(ellipse at 80% -10%,rgba(64,150,106,.25),transparent 35%),radial-gradient(ellipse at 10% 45%,rgba(234,196,117,.06),transparent 28%),linear-gradient(180deg,#0b2017,#06130e 56%,#04100c); }
.nav-item { grid-template-columns:29px minmax(0,1fr) auto; gap:9px; min-height:48px; padding:8px 11px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.nav-item .nav-glyph { display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(160,217,174,.18); border-radius:9px; color:#b9dac0; background:linear-gradient(145deg,rgba(77,156,106,.13),rgba(10,34,24,.28)); font-size:17px; line-height:1; box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.14); }
.nav-item .nav-label { color:inherit; font-size:12px; white-space:nowrap; }
.nav-item.active { transform:translateY(-1px); background:linear-gradient(135deg,rgba(84,197,128,.23),rgba(32,83,56,.13) 57%,rgba(226,188,111,.09)); border-color:rgba(169,230,176,.3); box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.2); }
.nav-item.active .nav-glyph { color:#eddfae; border-color:rgba(239,215,156,.36); background:linear-gradient(145deg,#365941,#193727); box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 12px rgba(0,0,0,.27); }
.nav-item:focus-visible,.x-author:focus-visible { outline:2px solid #e8cc98; outline-offset:2px; }
.app-hero { border-color:rgba(215,235,194,.33); box-shadow:inset 0 1px rgba(255,255,255,.12),0 28px 65px rgba(0,0,0,.33),0 0 0 5px rgba(171,232,173,.025); }
.app-hero::after { background:linear-gradient(130deg,rgba(255,255,255,.075),transparent 32%,rgba(237,204,137,.045)); }
.command-card,.focus-card,.feed-card,.draft-card { box-shadow:inset 0 1px rgba(255,255,255,.075),0 10px 24px rgba(0,0,0,.11); }
.feed-card { border-color:rgba(176,225,183,.22); }
.story-actions button,.story-actions a { min-width:37px; min-height:37px; box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 10px rgba(0,0,0,.13); }
.refresh-button,.primary-button,.feed-intro button { box-shadow:inset 0 1px rgba(255,255,255,.1),0 6px 17px rgba(0,0,0,.15); }
.x-section { padding-top:18px; }
.x-hero { position:relative; overflow:hidden; min-height:240px; padding:28px 30px; border:1px solid rgba(192,228,190,.29); border-radius:24px; background:radial-gradient(circle at 82% 40%,rgba(82,207,150,.19),transparent 32%),linear-gradient(135deg,#17372a,#092018 54%,#071812); box-shadow:inset 0 1px rgba(255,255,255,.12),0 25px 55px rgba(0,0,0,.24); }
.x-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,rgba(255,255,255,.05),transparent 34%,rgba(232,200,148,.035)); }
.x-hero h2 { position:relative; z-index:1; max-width:540px; margin:13px 0 9px; font-size:clamp(27px,3.2vw,40px); line-height:1.09; letter-spacing:-.04em; }
.x-hero h2 em { color:#e7d29e; font-style:normal; }
.x-hero > p:not(.eyebrow) { position:relative; z-index:1; max-width:520px; margin:0; color:#b7d0bd; font-size:12px; line-height:1.55; }
.x-hero-orbit { position:absolute; top:-75px; right:-50px; width:340px; height:340px; display:grid; place-items:center; border:1px solid rgba(178,237,193,.15); border-radius:50%; box-shadow:0 0 0 40px rgba(154,221,167,.028),0 0 0 83px rgba(154,221,167,.013),inset 0 0 60px rgba(82,213,153,.09); }
.x-hero-orbit::before,.x-hero-orbit::after { content:""; position:absolute; inset:48px; border:1px solid rgba(196,235,204,.18); border-radius:50%; }
.x-hero-orbit::after { inset:98px; border-color:rgba(215,236,195,.28); }
.x-hero-orbit span { color:rgba(227,247,219,.18); font-size:130px; font-weight:200; }
.x-hero-actions { position:relative; z-index:1; display:flex; align-items:center; gap:11px; margin-top:23px; }
.x-hero-actions button,.x-hero-actions a { min-height:40px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; font-size:11px; font-weight:700; text-decoration:none; }
.x-hero-actions a { border:1px solid rgba(191,226,191,.28); color:#d7efda; background:rgba(9,27,20,.52); }
.x-connection { display:flex; align-items:flex-start; gap:12px; margin:14px 0 28px; padding:15px 17px; border:1px solid rgba(232,199,135,.22); border-radius:15px; background:linear-gradient(120deg,rgba(87,69,34,.21),rgba(19,46,31,.47)); box-shadow:inset 0 1px rgba(255,255,255,.055); }
.x-connection.connected { border-color:rgba(151,228,171,.3); background:linear-gradient(120deg,rgba(39,101,63,.3),rgba(14,46,30,.4)); }
.x-connection-light { width:9px; height:9px; flex:none; margin-top:5px; border-radius:50%; background:#edcd91; box-shadow:0 0 13px rgba(237,205,145,.5); }
.x-connection.connected .x-connection-light { background:#85e9a6; box-shadow:0 0 13px rgba(133,233,166,.55); }
.x-connection b { display:block; color:#f2ecd8; font-size:12px; }
.x-connection p { margin:5px 0 0; color:#b7c4b3; font-size:11px; line-height:1.45; }
.x-section-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin:24px 0 14px; }
.x-section-heading p { margin:0 0 4px; color:#d7ba84; font-size:9px; font-weight:750; letter-spacing:.14em; }
.x-section-heading h2 { margin:0; font-size:19px; letter-spacing:-.02em; }
.x-section-heading > span { color:#9db5a3; font-size:10px; text-align:right; }
.x-authors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.x-author { min-width:0; display:flex; align-items:center; gap:10px; min-height:72px; padding:11px; border:1px solid rgba(180,226,190,.2); border-radius:15px; color:#edf7ee; background:linear-gradient(145deg,rgba(32,75,49,.63),rgba(9,30,21,.82)); box-shadow:inset 0 1px rgba(255,255,255,.075),0 8px 21px rgba(0,0,0,.14); text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.x-author:hover { transform:translateY(-2px); border-color:rgba(184,234,184,.4); }
.x-author-avatar { width:40px; height:40px; flex:none; display:grid; place-items:center; border:1px solid rgba(235,214,162,.36); border-radius:13px; color:#f0dca8; background:linear-gradient(145deg,#335941,#163127); box-shadow:inset 0 1px rgba(255,255,255,.16),0 6px 12px rgba(0,0,0,.23); font-weight:760; }
.x-author > span:nth-child(2) { min-width:0; }
.x-author b,.x-author small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.x-author b { font-size:11px; }
.x-author small { margin-top:4px; color:#a8bea9; font-size:9px; }
.x-author i { margin-left:auto; color:#cbd8c9; font-size:14px; font-style:normal; }
.x-post { display:block; padding:19px; }
.x-post-top { display:flex; align-items:center; gap:10px; }
.x-post-logo { width:35px; height:35px; flex:none; display:grid; place-items:center; border:1px solid rgba(190,232,197,.3); border-radius:11px; color:#eff8e7; background:linear-gradient(145deg,#2a513a,#112a20); }
.x-post-top b,.x-post-top small { display:block; }
.x-post-top b { color:#ecf5e8; font-size:12px; }
.x-post-top small { margin-top:3px; color:#9eb5a3; font-size:10px; }
.x-post-top a { margin-left:auto; color:#d9eddb; text-decoration:none; }
.x-post-text { margin:15px 0; color:#e6f1e5; font-size:14px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.x-post-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:11px; border-top:1px solid rgba(186,229,185,.15); }
.x-post-foot > span { color:#b9c8ad; font-size:9px; line-height:1.4; }
.x-post .story-actions { display:flex; }
.draft-status.approved { color:#e6d39e; border-color:rgba(233,207,148,.38); background:rgba(227,192,125,.12); }
.draft-actions .draft-publish { color:#cdebd0; border-color:rgba(133,223,158,.35); background:rgba(62,145,93,.12); box-shadow:none; }
.draft-actions .draft-approve { background:linear-gradient(135deg,#e8e0b8,#bde9bd); border-color:#d9e7b9; }
@media (max-width:1000px) { .x-authors { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) {
  body { padding-bottom:calc(94px + env(safe-area-inset-bottom)); padding-bottom:calc(94px + var(--tg-safe-area-inset-bottom,0px)); }
  .sidebar { height:calc(79px + env(safe-area-inset-bottom)); height:calc(79px + var(--tg-safe-area-inset-bottom,0px)); padding:7px 8px max(8px,env(safe-area-inset-bottom)); border-top-color:rgba(203,239,195,.28); background:linear-gradient(180deg,rgba(13,39,26,.97),rgba(6,23,16,.98)); box-shadow:0 -15px 42px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08); }
  .primary-nav { grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
  .nav-item { display:flex; flex-direction:column; justify-content:center; gap:3px; min-width:0; min-height:61px; padding:3px 1px; border-radius:16px; }
  .nav-item .nav-glyph { width:30px; height:30px; border-radius:10px; font-size:18px; }
  .nav-item .nav-label { max-width:100%; color:inherit; font-size:9px; font-weight:700; letter-spacing:-.01em; }
  .nav-item b { top:1px; left:calc(50% + 11px); border:1px solid rgba(0,0,0,.15); box-shadow:0 3px 7px rgba(0,0,0,.3); }
  .nav-item.active { transform:translateY(-4px); border-color:rgba(214,231,178,.38); background:linear-gradient(160deg,rgba(87,175,109,.34),rgba(22,61,39,.9)); box-shadow:inset 0 1px rgba(255,255,255,.17),0 9px 18px rgba(0,0,0,.28); }
  .app-hero { min-height:254px; }
  .x-section { padding-top:3px; }
  .x-hero { min-height:220px; padding:20px; border-radius:20px; }
  .x-hero h2 { max-width:280px; font-size:28px; }
  .x-hero > p:not(.eyebrow) { max-width:275px; font-size:11px; }
  .x-hero-orbit { top:-85px; right:-185px; opacity:.75; }
  .x-hero-actions { margin-top:18px; }
  .x-connection { margin-bottom:25px; }
  .x-authors { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .x-author { min-height:63px; gap:7px; padding:8px; }
  .x-author-avatar { width:34px; height:34px; border-radius:10px; }
  .x-author b { font-size:10px; }
  .x-author small { font-size:8px; }
  .x-author i { display:none; }
  .x-post { padding:16px; }
  .x-post-text { font-size:13px; }
  .toast { bottom:calc(93px + var(--tg-safe-area-inset-bottom,0px)); }
}
@media (max-width:380px) { .nav-item .nav-label { font-size:8px; } .x-author-avatar { width:30px; height:30px; } }

/* Live editorial layout: a compact first screen, tactile controls, and a real news rail. */
main { max-width:1690px; }
.feed-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; align-items:start; }
.feed-main { min-width:0; }
.feed-rail { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.rail-panel,.rail-channel { min-width:0; border:1px solid rgba(203,235,205,.23); border-radius:20px; background:linear-gradient(155deg,rgba(31,69,48,.8),rgba(9,28,21,.93) 55%,rgba(7,22,18,.98)); box-shadow:inset 0 1px rgba(255,255,255,.11),0 15px 30px rgba(0,0,0,.18); overflow:hidden; }
.rail-heading { padding:19px 19px 12px; border-bottom:1px solid rgba(190,232,196,.15); }
.rail-heading span,.rail-channel > span { color:#e6c88e; font:750 9px ui-monospace,monospace; letter-spacing:.13em; }
.rail-heading h3 { margin:8px 0 0; color:#f5f9f0; font-size:21px; font-weight:680; letter-spacing:-.035em; }
.rail-stories { padding:3px 14px 13px; }
.rail-story { display:grid; grid-template-columns:25px minmax(0,1fr) 15px; gap:8px; padding:13px 3px; border-bottom:1px solid rgba(190,232,196,.11); color:inherit; text-decoration:none; }
.rail-story:last-child { border-bottom:0; }
.rail-story > span { color:#c8dbbd; font:700 12px ui-monospace,monospace; }
.rail-story b { display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#e8f1e8; font-size:11px; line-height:1.38; font-weight:630; }
.rail-story small { display:block; margin-top:7px; color:#a1b8a5; font-size:9px; line-height:1.3; }
.rail-story i { color:#d5c494; font-size:14px; font-style:normal; }
.rail-story:hover b { color:#bdf4c8; }
.rail-empty { padding:12px 4px; color:#a1b8a5; font-size:11px; }
.rail-channel { grid-column:1/-1; padding:19px; background:radial-gradient(circle at 100% 0%,rgba(205,171,95,.19),transparent 38%),linear-gradient(135deg,#1d3f2d,#0a241b); }
.rail-channel b { display:block; margin-top:10px; color:#f3f7ec; font-size:19px; }
.rail-channel p { margin:7px 0 15px; color:#b4c8b5; font-size:11px; }
.rail-channel button { min-height:38px; width:100%; border:1px solid rgba(225,204,156,.38); border-radius:11px; color:#f8e7be; background:linear-gradient(155deg,rgba(214,186,117,.2),rgba(70,105,66,.12)); box-shadow:inset 0 1px rgba(255,255,255,.16),0 7px 15px rgba(0,0,0,.18); cursor:pointer; font-weight:700; }
.feed-card { margin:0 0 10px; padding:18px; border:1px solid rgba(197,234,201,.24); border-radius:18px; background:radial-gradient(circle at 100% 0%,rgba(106,219,151,.09),transparent 29%),linear-gradient(150deg,#163729,#0a241b 60%,#0a1e17); box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(0,0,0,.22),0 11px 27px rgba(0,0,0,.22); }
.feed-card:first-child { border-top-color:rgba(197,234,201,.24); }
.feed-card:hover { border-color:rgba(166,238,181,.47); background:radial-gradient(circle at 100% 0%,rgba(106,219,151,.12),transparent 29%),linear-gradient(150deg,#1c4430,#0d2c20 60%,#0a2119); transform:translateY(-1px); }
.story-index { color:#d8c590; font:700 10px ui-monospace,monospace; }
.story-topline { flex-wrap:wrap; }
.story-content h3 { color:#f0f7eb; font-size:15px; font-weight:680; letter-spacing:-.015em; }
.story-content p { color:#aac0ac; font-size:11px; }
.source-name { color:#d6e4d4; }
.source-column time { color:#a6baa7; }
.score { margin-left:auto; color:#c7e6be; }
.feed-filters button,.draft-filters button { border-color:rgba(195,232,199,.24); background:linear-gradient(160deg,#173a2a,#0c271d); box-shadow:inset 0 1px rgba(255,255,255,.09),0 5px 11px rgba(0,0,0,.16); transition:transform .15s ease,box-shadow .15s ease; }
.feed-filters button:active,.draft-filters button:active,.story-actions button:active,.refresh-button:active,.nav-item:active { transform:translateY(2px); box-shadow:inset 0 2px 8px rgba(0,0,0,.28); }
.feed-filters button.active,.draft-filters button.active { color:#102515; border-color:#e6e5b8; background:linear-gradient(155deg,#f6e7b5,#b4ecb5); box-shadow:inset 0 1px rgba(255,255,255,.76),0 7px 17px rgba(160,212,127,.2); }
.story-actions button,.story-actions a { color:#d0e2cf; border-color:rgba(195,232,199,.23); background:linear-gradient(150deg,rgba(64,121,77,.4),rgba(11,41,28,.7)); box-shadow:inset 0 1px rgba(255,255,255,.13),0 5px 10px rgba(0,0,0,.22); }
.nav-item:not(.active) { background:linear-gradient(145deg,rgba(28,62,41,.5),rgba(9,31,22,.45)); border-color:rgba(167,224,178,.08); margin-bottom:5px; }
.nav-item.active { background:linear-gradient(145deg,#285d3b,#123c29); border-color:rgba(195,238,191,.4); box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 20px rgba(0,0,0,.27); }
.refresh-button,.feed-intro button,.primary-button { border-color:rgba(174,239,179,.48); background:linear-gradient(150deg,#2d6844,#174c34); color:#eef9ed; box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 17px rgba(0,0,0,.24); }
.feed-intro { background:linear-gradient(120deg,rgba(36,86,55,.65),rgba(13,45,29,.7)); box-shadow:inset 0 1px rgba(255,255,255,.11); }
.app-hero { min-height:248px; }
.app-hero-copy { padding-bottom:80px; }
@media (min-width:1320px) { .feed-layout { grid-template-columns:minmax(0,1fr) 300px; } .feed-rail { display:flex; flex-direction:column; position:sticky; top:20px; } }
@media (max-width:1319px) { .feed-rail { margin-top:10px; } }
@media (max-width:720px) {
  .app-hero { min-height:186px; }
  .app-hero-copy { padding:15px 17px 64px; }
  .app-hero-copy h2 { margin:13px 0 7px; font-size:25px; }
  .app-hero-copy p { font-size:10px; }
  .feed-layout { display:flex; flex-direction:column; gap:13px; }
  .feed-rail { order:0; display:block; width:100%; margin-top:0; }
  .feed-main { order:1; width:100%; }
  .rail-panel { border-radius:17px; }
  .rail-heading { padding:13px 15px 8px; }
  .rail-heading h3 { margin-top:5px; font-size:16px; }
  .rail-stories { display:flex; gap:8px; overflow-x:auto; padding:8px 11px 12px; scrollbar-width:none; }
  .rail-story { min-width:216px; max-width:216px; min-height:99px; padding:10px; border:1px solid rgba(202,237,202,.16); border-radius:12px; background:rgba(7,26,17,.55); }
  .rail-story b { -webkit-line-clamp:3; }
  .rail-latest,.rail-channel { display:none; }
  .feed-card { padding:15px; margin-bottom:8px; border-radius:17px; }
  .feed-filters { margin-bottom:11px; }
  .nav-item:not(.active) { margin-bottom:0; }
}

/* The lead story is the banner: artwork supports the news, never a static slogan. */
.app-hero { min-height:320px; border-color:rgba(175,232,192,.37); background:#08231f; box-shadow:inset 0 1px rgba(255,255,255,.18),0 26px 66px rgba(0,0,0,.32); }
.app-hero > img { object-position:center center; filter:saturate(1.1) contrast(1.03); }
.app-hero-shade { background:linear-gradient(90deg,rgba(4,20,18,.99) 0%,rgba(5,23,20,.96) 33%,rgba(5,24,21,.58) 55%,rgba(5,24,21,.02) 78%),linear-gradient(0deg,rgba(3,15,13,.72),transparent 34%); }
.app-hero-copy { position:relative; z-index:2; max-width:620px; padding:28px 34px 101px; }
.hero-kicker { margin-top:21px; color:#e5d6a8; font:700 9px ui-monospace,monospace; letter-spacing:.16em; }
.app-hero-copy h2 { max-width:570px; margin:11px 0 9px; font-size:clamp(26px,3vw,42px); line-height:1.08; font-weight:680; display:-webkit-box; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-wrap:balance; }
.app-hero-copy p { max-width:510px; color:#bdd2c4; font-size:11px; line-height:1.45; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.hero-link { display:inline-flex; align-items:center; gap:14px; min-height:35px; margin-top:15px; padding:0 13px; border:1px solid rgba(198,238,197,.37); border-radius:10px; color:#ecf8ea; background:linear-gradient(145deg,rgba(70,151,100,.56),rgba(28,85,57,.73)); box-shadow:inset 0 1px rgba(255,255,255,.19),0 7px 16px rgba(0,0,0,.21); font-size:10px; font-weight:760; text-decoration:none; }
.hero-link span { color:#e8d99f; font-size:14px; }
.hero-link:hover { border-color:rgba(222,245,210,.7); transform:translateY(-1px); }
.app-hero-stats { z-index:2; }
.x-setup { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-15px 0 28px; padding:17px 19px; border:1px solid rgba(225,199,143,.21); border-radius:16px; background:linear-gradient(125deg,rgba(40,69,47,.7),rgba(16,43,31,.8)); }
.x-setup small { color:#e9cd98; font:700 9px ui-monospace,monospace; letter-spacing:.12em; }
.x-setup b { display:block; margin-top:6px; color:#f1f6ea; font-size:15px; }
.x-setup p { max-width:680px; margin:6px 0 0; color:#b8c9b8; font-size:11px; line-height:1.5; }
.x-setup a { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:38px; padding:0 13px; border:1px solid rgba(229,200,141,.35); border-radius:10px; color:#f2daa9; background:rgba(91,79,42,.22); font-size:10px; font-weight:700; text-decoration:none; }
@media (max-width:720px) {
  .app-hero { min-height:260px; }
  .app-hero > img { width:100%; left:0; opacity:.8; object-position:69% center; mask-image:none; mix-blend-mode:normal; }
  .app-hero-shade { background:linear-gradient(90deg,rgba(4,18,16,.99),rgba(4,18,16,.82) 58%,rgba(4,18,16,.32)),linear-gradient(0deg,rgba(3,15,13,.94),transparent 51%); }
  .app-hero-copy { max-width:none; padding:16px 17px 66px; }
  .hero-kicker { margin-top:12px; font-size:8px; }
  .app-hero-copy h2 { max-width:320px; margin:8px 0 5px; font-size:23px; -webkit-line-clamp:3; }
  .app-hero-copy p { display:none; }
  .hero-link { min-height:32px; margin-top:10px; font-size:9px; }
  .app-hero-stats { bottom:12px; }
  .x-setup { flex-direction:column; align-items:stretch; margin:-11px 0 23px; padding:15px; }
  .x-setup a { align-self:flex-start; }
}

/* RADAR Atelier: a distinct editorial finish inspired by premium product sites.
   Only presentation changes; the same controls, states and API remain in place. */
:root {
  --bg:#060d0b;
  --surface:#101b16;
  --surface-2:#17251c;
  --line:rgba(225,230,204,.16);
  --line-strong:rgba(237,228,185,.3);
  --text:#f8f7ed;
  --muted:#aab8a8;
  --green:#9ce5ba;
  --green-soft:rgba(134,221,169,.13);
  --sand:#eed096;
}
html, body { background:#060d0b; }
body {
  background:
    radial-gradient(ellipse at 76% -7%,rgba(180,137,72,.16),transparent 34%),
    radial-gradient(ellipse at 8% 22%,rgba(47,123,83,.16),transparent 36%),
    radial-gradient(circle at 50% 76%,rgba(41,88,64,.1),transparent 36%),
    #060d0b;
}
.noise { opacity:.024; }
.sidebar { background:linear-gradient(180deg,rgba(14,25,19,.97),rgba(7,15,11,.98)); border-right-color:rgba(228,210,161,.17); }
.brand strong,.mobile-brandbar b { color:#fbfaf1; letter-spacing:.16em; }
.brand-image,.mobile-brandbar img { border-color:rgba(238,208,150,.38); box-shadow:inset 0 1px rgba(255,255,255,.15),0 8px 24px rgba(0,0,0,.4),0 0 26px rgba(212,176,92,.12); }
.eyebrow,.feed-toolbar p,.section-title p,.publisher-hero p,.publisher-toolbar p { color:#dfc48d; }
.topbar h1 { color:#faf9f1; font-weight:750; letter-spacing:-.05em; }
.topbar h1 em { color:#e7cb91; font-weight:700; }
.search,.refresh-button { border-color:rgba(221,213,176,.23); background:linear-gradient(165deg,rgba(36,55,39,.85),rgba(12,25,18,.9)); box-shadow:inset 0 1px rgba(255,255,255,.1),0 7px 18px rgba(0,0,0,.15); }
.search input { color:#f7f6ec; }
.refresh-button { color:#e8f3e4; }

.app-hero {
  border-color:rgba(240,213,154,.42);
  background:#0d1d16;
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 27px 64px rgba(0,0,0,.42),0 0 0 5px rgba(233,203,139,.025);
}
.app-hero > img { filter:saturate(.94) contrast(1.06); }
.app-hero-shade {
  background:linear-gradient(90deg,rgba(5,15,12,.99),rgba(5,16,12,.94) 31%,rgba(5,16,12,.45) 62%,rgba(5,16,12,.05)),linear-gradient(0deg,rgba(5,13,10,.73),transparent 42%);
}
.app-hero::after { background:linear-gradient(135deg,rgba(255,250,220,.1),transparent 30%,rgba(240,198,110,.065)); }
.live-pill { color:#f0d69e; border-color:rgba(241,210,145,.39); background:rgba(213,178,104,.12); box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 16px rgba(0,0,0,.16); }
.live-pill i { background:#a8f2c2; }
.hero-kicker { color:#e5ca91; }
.app-hero-copy h2 { color:#fffdf4; font-weight:770; letter-spacing:-.052em; text-shadow:0 3px 22px rgba(0,0,0,.25); }
.app-hero-copy p { color:#cad8c8; }
.app-hero-stats { border-top-color:rgba(238,219,170,.25); }
.app-hero-stats b { color:#fff9e9; }
.app-hero-stats small { color:#c2ccba; }
.hero-link { border-color:rgba(238,211,155,.53); background:linear-gradient(145deg,rgba(106,125,77,.82),rgba(39,86,55,.82)); box-shadow:inset 0 1px rgba(255,255,255,.2),0 9px 21px rgba(0,0,0,.29); }

.command-card,.focus-card,.feed-card,.rail-panel,.rail-channel,.draft-card,.x-author {
  border-color:rgba(222,225,194,.2);
  background:linear-gradient(150deg,rgba(38,62,43,.81),rgba(13,30,22,.94) 55%,rgba(9,23,18,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -1px rgba(0,0,0,.25),0 13px 29px rgba(0,0,0,.21);
}
.command-card { min-height:78px; }
.command-icon { color:#f0d496; border-color:rgba(236,206,143,.28); background:linear-gradient(145deg,rgba(190,157,88,.16),rgba(61,98,57,.13)); }
.command-card small,.rail-heading span,.rail-channel > span { color:#dcc38d; }
.command-card b,.focus-card h3,.story-content h3,.rail-heading h3 { color:#f7f8ec; }
.command-card em,.score,.story-index { color:#efd49d; }
.section-title h2,.feed-toolbar h2,.x-section-heading h2 { color:#f8f7ed; font-weight:760; letter-spacing:-.035em; }
.feed-intro { border-color:rgba(218,218,180,.22); background:linear-gradient(135deg,rgba(44,68,43,.73),rgba(14,39,26,.75)); }
.feed-intro > span { color:#f0d79c; border-color:rgba(241,209,143,.45); }
.feed-filters button,.draft-filters button,.mobile-topics button { border-color:rgba(227,218,183,.21); background:linear-gradient(155deg,#263d2c,#12241b); color:#d3dccb; }
.feed-filters button.active,.draft-filters button.active { color:#282313; border-color:#f7dfaa; background:linear-gradient(145deg,#fff0c4,#e2bb73 66%,#c79b55); box-shadow:inset 0 1px rgba(255,255,255,.77),0 8px 22px rgba(206,158,78,.21); }
.feed-card { position:relative; overflow:hidden; }
.feed-card::before { content:""; position:absolute; top:16px; bottom:16px; left:0; width:2px; border-radius:0 2px 2px 0; background:linear-gradient(#f1d89d,#8fdab1); opacity:.84; }
.feed-card:hover { border-color:rgba(238,213,158,.43); background:linear-gradient(150deg,#2d4a34,#132e21 60%,#0a2119); }
.topic-tag { color:#dfdfc4; border-color:rgba(231,214,174,.2); background:rgba(227,206,154,.07); }
.source-name { color:#deeadb; }
.source-column time,.story-content p { color:#b5c5b4; }
.story-actions button,.story-actions a { border-color:rgba(229,219,180,.26); background:linear-gradient(150deg,#344c35,#172c20); }
.story-actions button.active { color:#ffe4aa; border-color:rgba(241,208,145,.46); background:rgba(202,160,83,.14); }
.rail-heading { border-bottom-color:rgba(239,218,167,.19); }
.rail-story { border-bottom-color:rgba(225,218,178,.17); }
.rail-story b { color:#eff4e9; }
.rail-story > span,.rail-story i { color:#eacb91; }
.rail-channel { background:radial-gradient(circle at 95% 0%,rgba(226,182,101,.18),transparent 43%),linear-gradient(140deg,#334a2f,#112b20); }
.rail-channel button,.publisher-links a { border-color:rgba(241,214,159,.43); color:#f8e6bf; background:linear-gradient(150deg,rgba(177,139,73,.23),rgba(58,91,54,.25)); }
.publisher-hero,.x-hero { border-color:rgba(234,210,159,.35); background-color:#13251b; box-shadow:inset 0 1px rgba(255,255,255,.17),0 20px 50px rgba(0,0,0,.27); }
.publisher-hero h2,.x-hero h2 { color:#faf9ed; font-weight:760; }
.x-hero h2 em { color:#f0d494; }
.x-author-avatar { color:#f2d89f; background:linear-gradient(145deg,#526644,#243b2c); }
.x-connection,.x-setup { border-color:rgba(238,209,151,.27); background:linear-gradient(135deg,rgba(69,70,42,.45),rgba(23,47,31,.75)); }
.status-chip,.draft-editor input,.draft-editor textarea,dialog { border-color:rgba(231,216,174,.22); }

@media (max-width:720px) {
  body { padding-bottom:calc(108px + var(--tg-safe-area-inset-bottom,0px)); background:radial-gradient(ellipse at 88% 0%,rgba(180,138,73,.16),transparent 40%),radial-gradient(ellipse at 4% 28%,rgba(45,120,80,.15),transparent 45%),#060d0b; }
  main { padding:calc(10px + var(--tg-safe-area-inset-top,0px)) 15px 25px; }
  .mobile-brandbar { min-height:58px; gap:11px; margin:0 0 11px; padding:7px 11px 7px 7px; border:1px solid rgba(234,214,165,.19); border-radius:18px; background:linear-gradient(145deg,rgba(31,48,33,.92),rgba(10,24,17,.9)); box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 27px rgba(0,0,0,.22); }
  .mobile-brandbar img { width:42px; height:42px; border-radius:12px; }
  .mobile-brandbar b { font-size:14px; }
  .mobile-brandbar small { color:#b7c6b2; font-size:9px; }
  .mobile-brandbar::after { content:"В ЭФИРЕ"; margin-left:auto; padding:5px 8px; border:1px solid rgba(238,208,147,.27); border-radius:999px; color:#efd69e; background:rgba(228,194,123,.08); font:800 8px ui-monospace,monospace; letter-spacing:.05em; white-space:nowrap; }
  .mobile-brandbar i { display:none; }
  .topbar { gap:11px; padding:0 3px 11px; }
  .topbar .eyebrow { margin-bottom:5px; color:#dbc48f; font-size:9px; }
  .topbar h1 { font-size:31px; line-height:1.03; }
  .topbar h1 em { display:inline; color:#eccd8e; }
  .top-actions { gap:8px; }
  .search,.refresh-button { height:43px; min-height:43px; border-radius:13px; }
  .refresh-button { width:102px; }
  .mobile-topics { margin:0 -15px 15px; padding:0 15px 3px; }
  .mobile-topics button,.mobile-topic-wrap { min-height:38px; border-color:rgba(230,211,167,.27); background:linear-gradient(155deg,#293e2d,#15291e); }
  .mobile-topics button.active { border-color:rgba(242,215,162,.6); color:#f6e1b5; background:rgba(202,166,93,.16); }
  .app-hero { min-height:313px; margin-top:0; border-radius:24px; }
  .app-hero > img { opacity:1; object-position:64% center; }
  .app-hero-shade { background:linear-gradient(0deg,rgba(5,14,11,.99) 0%,rgba(5,15,11,.85) 26%,rgba(5,16,12,.4) 67%,rgba(5,16,12,.07)),linear-gradient(90deg,rgba(5,15,11,.7),rgba(5,16,12,.12) 70%); }
  .app-hero-copy { padding:18px 19px 73px; }
  .live-pill { min-height:27px; font-size:8px; }
  .hero-kicker { margin-top:47px; font-size:9px; }
  .app-hero-copy h2 { max-width:315px; margin:9px 0 7px; font-size:23px; line-height:1.08; -webkit-line-clamp:4; }
  .app-hero-copy p { display:none; }
  .hero-link { min-height:34px; margin-top:10px; font-size:10px; }
  .app-hero-stats { left:19px; right:19px; bottom:13px; padding-top:10px; border-top:1px solid rgba(239,211,154,.29); }
  .app-hero-stats b { font-size:19px; }
  .app-hero-stats small { color:#c6d0bd; font-size:8px; }
  .command-strip { margin:11px -15px 0; padding:0 15px 4px; gap:9px; }
  .command-card,.command-card:first-child { min-width:204px; min-height:69px; border-radius:16px; }
  .pulse-section { padding-top:29px; }
  .section-title h2,.feed-toolbar h2 { font-size:20px; }
  .focus-card,.focus-card:last-child { min-width:246px; min-height:163px; border-radius:19px; }
  .feed-section { padding-top:29px; }
  .feed-toolbar { margin-bottom:14px; }
  .feed-intro { border-radius:16px; }
  .feed-filters { gap:8px; margin-bottom:14px; }
  .feed-filters button { min-height:39px; padding:0 15px; font-size:11px; }
  .rail-panel { border-radius:19px; }
  .rail-story { border-color:rgba(234,216,174,.25); background:linear-gradient(145deg,rgba(42,64,44,.9),rgba(15,37,25,.94)); }
  .feed-card { padding:17px 16px 17px 18px; margin-bottom:10px; border-radius:19px; }
  .story-content h3 { font-size:16px; line-height:1.34; }
  .story-content p { font-size:11px; }
  .source-column time,.source-name,.topic-tag,.score { font-size:10px; }
  .sidebar { left:10px; right:10px; bottom:calc(9px + var(--tg-safe-area-inset-bottom,0px)); width:auto; height:72px; padding:6px; border:1px solid rgba(237,211,155,.33); border-radius:24px; background:linear-gradient(145deg,rgba(31,49,33,.96),rgba(7,21,14,.98)); box-shadow:inset 0 1px rgba(255,255,255,.17),0 17px 40px rgba(0,0,0,.48),0 0 0 4px rgba(229,205,153,.035); }
  .primary-nav { gap:4px; }
  .nav-item { min-height:58px; padding:3px 1px; gap:2px; border-radius:17px; }
  .nav-item:not(.active) { border-color:transparent; background:transparent; }
  .nav-item .nav-glyph { width:29px; height:29px; border-color:rgba(224,213,172,.2); background:linear-gradient(145deg,rgba(70,93,61,.43),rgba(20,47,29,.6)); color:#e1e8d8; }
  .nav-item .nav-label { font-size:9px; font-weight:760; color:#cbd9c9; }
  .nav-item.active { transform:none; border-color:rgba(241,216,162,.45); background:linear-gradient(155deg,#705c38,#4a4b2e 65%,#294635); box-shadow:inset 0 1px rgba(255,255,255,.24),0 7px 15px rgba(0,0,0,.3); }
  .nav-item.active .nav-glyph { color:#fff2cb; border-color:rgba(255,233,188,.43); background:linear-gradient(145deg,#8a7147,#665536); }
  .nav-item.active .nav-label { color:#fff6db; }
  .nav-item b { top:1px; left:calc(50% + 10px); color:#3e2e15; border-color:#fae3af; background:linear-gradient(145deg,#fff0bd,#dfb669); }
  .publisher-hero { border-radius:21px; }
  .draft-card { border-radius:19px; }
  .x-hero { border-radius:22px; background:radial-gradient(circle at 85% 28%,rgba(224,185,103,.2),transparent 36%),linear-gradient(140deg,#334933,#132a20 66%,#0a1a14); }
  .x-hero-orbit { opacity:.45; }
  .x-author { border-radius:16px; }
  .toast { bottom:calc(99px + var(--tg-safe-area-inset-bottom,0px)); }
}
@media (max-width:380px) {
  .topbar h1 { font-size:28px; }
  .mobile-brandbar::after { padding:5px 6px; font-size:7px; }
  .app-hero { min-height:320px; }
  .app-hero-copy h2 { font-size:21px; -webkit-line-clamp:5; }
  .hero-kicker { margin-top:34px; }
  .nav-item .nav-label { font-size:8px; }
}
@media (prefers-reduced-motion:reduce) {
  .feed-card,.nav-item,.hero-link,.focus-card { transition:none; }
}

/* RADAR Neon City: sharper lime signals over deep graphite, independent of Pulse. */
:root {
  --bg:#07100c;
  --surface:#0d1c13;
  --surface-2:#142a1a;
  --line:rgba(178,255,106,.19);
  --line-strong:rgba(190,255,105,.43);
  --text:#f4ffe9;
  --muted:#b2c7ae;
  --green:#baff58;
  --green-soft:rgba(176,255,82,.16);
  --sand:#d4ff86;
}
html,body { background:#07100c; }
body { background:radial-gradient(ellipse at 78% -10%,rgba(156,248,68,.16),transparent 32%),radial-gradient(ellipse at 2% 43%,rgba(55,151,90,.17),transparent 39%),#07100c; }
.sidebar { background:linear-gradient(180deg,#102519,#07140d); border-right-color:rgba(172,255,93,.23); }
.brand-image,.mobile-brandbar img { border-color:rgba(187,255,89,.52); box-shadow:0 0 24px rgba(164,255,66,.24),inset 0 1px rgba(255,255,255,.2); }
.eyebrow,.feed-toolbar p,.section-title p,.publisher-hero p,.publisher-toolbar p,.side-heading span { color:#baff58; }
.eyebrow span,.health-dot,.local-badge i { background:#baff58; box-shadow:0 0 11px rgba(183,255,80,.77); }
.topbar h1 em { color:#c5ff70; text-shadow:0 0 28px rgba(173,255,73,.24); }
.search,.refresh-button { border-color:rgba(171,255,98,.28); background:linear-gradient(145deg,#1d3823,#102117); }
.refresh-button { color:#e8ffdc; }
.refresh-button:hover { border-color:rgba(188,255,101,.68); }

.app-hero { border-color:rgba(186,255,88,.55); background:#091715; box-shadow:0 0 0 1px rgba(182,255,91,.08),0 0 40px rgba(132,245,70,.1),0 25px 60px rgba(0,0,0,.43); }
.app-hero > img { filter:saturate(1.25) contrast(1.08); }
.app-hero-shade { background:linear-gradient(90deg,rgba(3,13,9,.99) 0%,rgba(4,15,11,.95) 31%,rgba(4,15,11,.64) 53%,rgba(4,15,11,.04) 79%),linear-gradient(0deg,rgba(3,11,8,.8),transparent 45%); }
.app-hero::after { background:linear-gradient(130deg,rgba(172,255,98,.11),transparent 34%,rgba(119,234,128,.07)); }
.live-pill { color:#d6ff9a; border-color:rgba(182,255,97,.54); background:rgba(101,186,56,.2); box-shadow:0 0 18px rgba(159,255,73,.12),inset 0 1px rgba(255,255,255,.15); }
.live-pill i { background:#c7ff6c; box-shadow:0 0 12px #baff58; }
.hero-kicker { color:#c8f09c; }
.app-hero-copy h2 { color:#fbfff7; }
.hero-link,.primary-button { color:#10200a; border-color:#d7ff88; background:linear-gradient(145deg,#d5ff84,#a8f448 68%,#77d931); box-shadow:inset 0 1px rgba(255,255,255,.79),0 9px 22px rgba(146,241,56,.2),0 8px 17px rgba(0,0,0,.24); }
.hero-link span { color:#26420e; }
.hero-link:hover,.primary-button:hover:not(:disabled) { filter:brightness(1.08); box-shadow:inset 0 1px rgba(255,255,255,.9),0 11px 29px rgba(159,255,69,.36); }
.app-hero-stats { border-top-color:rgba(188,255,102,.36); }
.app-hero-stats b { color:#edffd4; }
.app-hero-stats small { color:#c9e6bd; }

.command-card,.focus-card,.feed-card,.rail-panel,.rail-channel,.draft-card,.x-author { border-color:rgba(164,245,101,.26); background:linear-gradient(145deg,#193824,#0e2317 58%,#091b12); box-shadow:inset 0 1px rgba(214,255,201,.12),0 14px 30px rgba(0,0,0,.25); }
.command-icon,.x-author-avatar { color:#d5ff91; border-color:rgba(179,255,96,.37); background:linear-gradient(145deg,#335f31,#172d1e); }
.command-card small,.rail-heading span,.rail-channel > span,.story-index,.command-card em,.score { color:#c7ff78; }
.focus-card:hover,.feed-card:hover,.command-card:hover { border-color:rgba(187,255,100,.58); }
.feed-card::before { background:linear-gradient(#d0ff77,#64da85); box-shadow:0 0 13px rgba(180,255,72,.5); }
.feed-card:hover { background:linear-gradient(145deg,#21472a,#112c1b 61%,#0a2015); }
.topic-tag,.language-tag { color:#d6efbb; border-color:rgba(179,255,106,.29); background:rgba(145,232,70,.1); }
.feed-intro { border-color:rgba(173,255,99,.34); background:linear-gradient(120deg,rgba(43,99,43,.76),rgba(16,48,28,.78)); }
.feed-intro > span { color:#d8ff99; border-color:rgba(197,255,123,.55); }
.feed-intro button,.rail-channel button,.publisher-links a { border-color:rgba(181,255,94,.49); color:#eeffda; background:linear-gradient(150deg,#35773c,#1b4b2b); }
.feed-filters button,.draft-filters button,.mobile-topics button { border-color:rgba(168,255,101,.28); color:#d3eac5; background:linear-gradient(145deg,#25442b,#142c1b); }
.feed-filters button.active,.draft-filters button.active { color:#18250c; border-color:#d6ff8e; background:linear-gradient(145deg,#d8ff91,#a9ee4a 66%,#81d237); box-shadow:inset 0 1px rgba(255,255,255,.75),0 8px 23px rgba(151,245,56,.27); }
.story-actions button,.story-actions a { border-color:rgba(168,255,99,.29); color:#d8ebcb; background:linear-gradient(145deg,#29452e,#132b1c); }
.story-actions button.active { color:#d8ff91; border-color:rgba(190,255,88,.67); background:rgba(152,243,57,.22); box-shadow:0 0 13px rgba(148,255,66,.13); }
.rail-story { border-bottom-color:rgba(178,255,98,.19); }
.rail-story > span,.rail-story i { color:#baff58; }
.rail-channel,.publisher-hero,.x-hero { border-color:rgba(177,255,91,.4); background:radial-gradient(circle at 83% 18%,rgba(150,255,65,.18),transparent 36%),linear-gradient(145deg,#21442a,#0b2117); }
.x-hero h2 em { color:#c7ff75; }
.draft-status { color:#d4ff99; border-color:rgba(185,255,101,.4); background:rgba(159,236,64,.14); }
.draft-editor input:focus,.draft-editor textarea:focus { border-color:#baff58; box-shadow:0 0 0 3px rgba(178,255,82,.1); }

.saved-draft-preview { margin-top:13px; padding:14px 15px; border:1px solid rgba(188,255,96,.39); border-radius:15px; background:radial-gradient(circle at 100% 0%,rgba(160,255,65,.15),transparent 40%),linear-gradient(145deg,#1a3a23,#0b2417); box-shadow:inset 0 1px rgba(236,255,214,.16),0 8px 22px rgba(0,0,0,.16); }
.saved-draft-preview small { display:block; margin-bottom:8px; color:#c7ff78; font:800 9px ui-monospace,monospace; letter-spacing:.05em; }
.saved-draft-preview strong { display:block; color:#f5ffed; font-size:15px; line-height:1.3; }
.story-content .saved-draft-preview p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:7px 0 10px; color:#b9d1ae; font-size:11px; line-height:1.5; }
.saved-draft-preview button { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; min-height:37px; padding:0 12px; border:1px solid rgba(185,255,100,.5); border-radius:10px; color:#e6ffd1; background:linear-gradient(145deg,#386b35,#1f4828); box-shadow:inset 0 1px rgba(255,255,255,.17); cursor:pointer; font-size:10px; font-weight:750; }
.saved-draft-preview button span { color:#cbff82; }
.draft-review-note,.draft-image-note { margin:0 0 12px; padding:9px 11px; border:1px solid rgba(183,255,100,.32); border-radius:10px; color:#d8edc9; background:rgba(123,208,63,.1); font-size:10px; line-height:1.45; }
.draft-image-note { border-color:rgba(176,218,174,.2); color:#aebfa9; background:rgba(255,255,255,.02); }

/* The focus cards borrow a restrained slice of RADAR's own city photograph. */
.focus-card {
  border-color:rgba(183,255,102,.38);
  background:linear-gradient(110deg,rgba(6,22,14,.94),rgba(8,27,17,.79) 58%,rgba(7,25,17,.45)),url('/media/radar-city-photo.jpg') 66% center/cover;
  box-shadow:inset 0 1px rgba(228,255,204,.2),0 18px 32px rgba(0,0,0,.31),0 0 22px rgba(141,236,70,.055);
}
.focus-card:nth-child(2) { background-position:center,35% center; }
.focus-card:nth-child(3) { background-position:center,90% center; }
.focus-card::after { border-color:rgba(190,255,117,.18); box-shadow:0 0 0 26px rgba(176,255,102,.035),0 0 0 52px rgba(176,255,102,.018); }
.focus-card > div,.focus-card h3,.focus-card small { text-shadow:0 2px 12px rgba(0,0,0,.65); }

/* Tactile controls: light from the upper edge, depth below, clear pressed state. */
.brand-image,.mobile-brandbar img {
  border:1px solid rgba(221,255,149,.73);
  box-shadow:inset 0 1px rgba(255,255,255,.5),0 3px 0 rgba(48,91,30,.58),0 10px 21px rgba(0,0,0,.42),0 0 22px rgba(177,255,69,.24);
}
.nav-item .nav-glyph,.command-icon,.x-author-avatar {
  border-color:rgba(197,255,128,.48);
  background:linear-gradient(145deg,#456c39 0%,#244a2b 45%,#10271a 100%);
  box-shadow:inset 0 1px rgba(246,255,223,.31),inset 0 -2px rgba(1,17,5,.5),0 3px 0 rgba(4,22,9,.48),0 8px 14px rgba(0,0,0,.3);
  text-shadow:0 1px 8px rgba(186,255,85,.32);
}
.nav-item.active .nav-glyph {
  color:#1d360e;
  border-color:#e7ffb0;
  background:linear-gradient(150deg,#efffc5 0%,#baff65 49%,#78d331 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.91),inset 0 -2px rgba(57,126,24,.46),0 3px 0 rgba(48,100,21,.8),0 8px 19px rgba(153,237,55,.28);
  text-shadow:none;
}
.refresh-button,.story-actions button,.story-actions a,.saved-draft-preview button,.feed-intro button,.feed-filters button,.draft-filters button {
  box-shadow:inset 0 1px rgba(237,255,218,.22),inset 0 -2px rgba(2,17,7,.36),0 3px 0 rgba(4,20,9,.52),0 8px 18px rgba(0,0,0,.27);
}
.hero-link,.primary-button,.feed-filters button.active,.draft-filters button.active {
  box-shadow:inset 0 1px rgba(255,255,255,.91),inset 0 -2px rgba(60,125,20,.29),0 3px 0 #488d25,0 10px 25px rgba(138,233,51,.24),0 10px 22px rgba(0,0,0,.23);
}
.refresh-button:focus-visible,.hero-link:focus-visible,.primary-button:focus-visible,.story-actions button:focus-visible,.story-actions a:focus-visible,.feed-filters button:focus-visible,.draft-filters button:focus-visible,.saved-draft-preview button:focus-visible { outline:2px solid #d4ff8a; outline-offset:3px; }
.refresh-button:active,.story-actions button:active,.story-actions a:active,.saved-draft-preview button:active,.feed-intro button:active,.hero-link:active,.primary-button:active,.feed-filters button:active,.draft-filters button:active { transform:translateY(2px); box-shadow:inset 0 2px 7px rgba(5,36,9,.4),0 1px 0 rgba(71,134,29,.5); }
.saved-original { margin:14px 0; color:#bbceba; font-size:13px; line-height:1.6; }
.saved-original summary { cursor:pointer; color:#d9ff9c; }
.saved-original p { display:block; -webkit-line-clamp:unset; white-space:normal; }
.saved-original a { color:#c7ff79; }
.prepare-saved-draft { margin-top:12px; min-height:44px; }

@media (max-width:720px) {
  body { background:radial-gradient(ellipse at 84% -8%,rgba(169,255,62,.2),transparent 44%),radial-gradient(ellipse at 2% 43%,rgba(59,145,77,.18),transparent 42%),#07100c; }
  .mobile-brandbar { border-color:rgba(179,255,89,.36); background:linear-gradient(145deg,#213c24,#0d2115); box-shadow:inset 0 1px rgba(240,255,227,.14),0 10px 29px rgba(0,0,0,.26); }
  .mobile-brandbar::after { color:#d9ff9c; border-color:rgba(182,255,97,.54); background:rgba(155,246,56,.14); }
  .mobile-topics button.active { color:#e4ffb8; border-color:rgba(195,255,105,.7); background:rgba(157,242,63,.23); }
  .app-hero-shade { background:linear-gradient(0deg,rgba(2,12,8,.99) 0%,rgba(3,13,9,.82) 32%,rgba(4,15,10,.25) 72%,rgba(4,15,10,.04)),linear-gradient(90deg,rgba(2,13,8,.73),rgba(2,13,8,.1) 75%); }
  .sidebar { border-color:rgba(185,255,90,.53); background:linear-gradient(145deg,rgba(30,61,31,.97),rgba(7,24,13,.99)); box-shadow:inset 0 1px rgba(243,255,225,.18),0 17px 42px rgba(0,0,0,.53),0 0 20px rgba(149,255,54,.12); }
  .nav-item .nav-glyph { color:#e2f6d7; border-color:rgba(176,255,101,.28); background:linear-gradient(145deg,#365838,#1b3d25); }
  .nav-item.active { color:#16240b; border-color:#d6ff8c; background:linear-gradient(145deg,#bffd68,#86da39 66%,#4f9a36); box-shadow:inset 0 1px rgba(255,255,255,.65),0 8px 17px rgba(92,189,35,.3); }
  .nav-item.active .nav-glyph { color:#17300f; border-color:rgba(43,91,25,.23); background:linear-gradient(145deg,#e9ffbc,#b2f56c); }
  .nav-item.active .nav-label { color:#19300e; }
  .nav-item b { color:#173008; border-color:#e1ffab; background:linear-gradient(145deg,#edffbe,#b6fa64); }
  .sidebar { border-color:rgba(200,255,116,.63); background:linear-gradient(160deg,rgba(39,77,38,.98),rgba(9,28,15,.99)); box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -2px rgba(0,0,0,.33),0 4px 0 rgba(2,15,6,.72),0 19px 42px rgba(0,0,0,.54),0 0 24px rgba(162,255,55,.16); }
  .nav-item.active { box-shadow:inset 0 1px rgba(255,255,255,.77),inset 0 -2px rgba(60,124,21,.44),0 3px 0 rgba(65,128,27,.64),0 8px 17px rgba(134,229,38,.25); }
  .nav-item:not(.active) .nav-glyph { color:#e4f7d7; }
  .saved-draft-preview { margin-top:12px; padding:12px; }
  .saved-draft-preview strong { font-size:14px; }
}