:root{--navy:#13243a;--navy2:#0f1d31;--bg:#f5f8fc;--panel:#fff;--line:#dce5ef;--text:#14233a;--muted:#65758c;--accent:#2f80ed;--accent2:#1669d8;--soft:#eef5ff;--success:#087f5b;--danger:#b42318;--shadow:0 14px 36px rgba(29,49,77,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}.topbar{height:76px;background:linear-gradient(110deg,var(--navy),var(--navy2));color:#fff;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(260px,1fr);align-items:center;gap:24px;padding:0 28px;box-shadow:0 2px 10px #0d1b2a25;position:sticky;top:0;z-index:1200}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}.brand-icon{font-size:39px;line-height:1;color:#55b7ff}.brand strong{font-size:20px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:block;color:#c8d5e5;margin-top:2px;white-space:nowrap}.nav{display:flex;align-self:stretch}.nav-link{border:0;background:transparent;color:#eef5ff;text-decoration:none;padding:0 18px;display:flex;gap:8px;align-items:center;cursor:pointer;border-bottom:3px solid transparent}.nav-link:hover,.nav-link.active{color:#55b7ff;border-bottom-color:#55b7ff}.country-search-wrap{position:relative;justify-self:end;width:min(100%,380px)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a9bbcf;font-size:20px}.country-search-wrap input{width:100%;height:42px;padding:0 14px 0 40px;border-radius:10px;border:1px solid #53647a;background:#ffffff0e;color:#fff;outline:none}.country-search-wrap input::placeholder{color:#bac6d4}.country-search-wrap input:focus{border-color:#6fc2ff;background:#ffffff16}.suggestions{position:absolute;top:49px;left:0;right:0;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:300px;overflow:auto;padding:6px;z-index:1500}.suggestions button{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:8px;padding:10px 12px;color:var(--text);cursor:pointer}.suggestions button:hover{background:var(--soft)}
.page-shell{max-width:1840px;margin:0 auto;padding:18px}.controlbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:14px}.control-group{display:flex;align-items:center;gap:10px}.control-group label{color:#364962;font-size:14px;white-space:nowrap}.control-group select{border:1px solid #ccd8e5;background:#fff;border-radius:9px;padding:9px 34px 9px 10px;color:var(--text)}.control-help{margin:0;text-align:center;color:#63748a;font-size:13px}.mobile-feed-button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:10px 13px;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(390px,.95fr);gap:14px;align-items:start}.map-column{min-width:0}.map-card{height:calc(100vh - 236px);min-height:470px;background:#edf6fb;border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 4px 20px rgba(29,49,77,.04)}#map{height:100%;width:100%;background:radial-gradient(circle at 50% 40%,#fff 0,#eef8fd 58%,#e8f1f7 100%)}.leaflet-container{font-family:inherit}.leaflet-control-zoom a{color:var(--text)!important}.map-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:500;background:#ffffffde;border:1px solid #d8e3ee;box-shadow:0 5px 16px #526b8420;border-radius:999px;padding:7px 12px;color:#5a6c82;font-size:12px;pointer-events:none}.favorites-strip{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 4px 20px rgba(29,49,77,.04)}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:11px}.section-heading h2{font-size:15px;margin:0}.section-heading span{font-size:11px;color:var(--muted)}.country-pills{display:flex;gap:9px;overflow-x:auto;padding-bottom:2px}.country-pill{min-width:112px;border:1px solid #e1e8f0;background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#263852}.country-pill:hover{background:#f7faff;border-color:#bcd3f2}.country-pill .flag{font-size:22px}.country-pill.favorite{background:#fff8e7;border-color:#eed69d}
.news-panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;max-height:calc(100vh - 108px);display:flex;flex-direction:column;position:sticky;top:94px}.news-head{padding:16px 16px 13px;border-bottom:1px solid var(--line);background:#fff;z-index:3}.country-heading-row{display:flex;justify-content:space-between;gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:.07em;color:#7b8ba0;font-size:10px;font-weight:800;margin:0 0 3px}.news-head h1{font-size:24px;margin:0}.status{font-size:12px;color:var(--muted);margin:3px 0 0}.favorite-button{width:40px;height:40px;border:1px solid #d8e3ef;border-radius:10px;background:#fff;color:#d08a00;font-size:23px;cursor:pointer}.favorite-button:disabled{opacity:.4;cursor:not-allowed}.favorite-button.is-favorite{background:#fff7df;border-color:#f1d688}.topic-tabs{display:flex;gap:6px;margin-top:14px;overflow-x:auto;padding-bottom:2px}.topic{border:1px solid #dce5ef;border-radius:8px;padding:7px 10px;background:#fff;color:#35475d;cursor:pointer;font-size:12px;white-space:nowrap}.topic:hover{background:#f5f9ff}.topic.active{background:var(--accent);border-color:var(--accent);color:#fff}.news-search{display:flex;gap:7px;margin-top:10px}.news-search input{flex:1;min-width:0;border:1px solid #d4dfeb;border-radius:9px;padding:9px 10px;outline:none}.news-search input:focus{border-color:#83b5ef;box-shadow:0 0 0 3px #2f80ed18}.news-search button{border:0;background:#eaf3ff;color:#176acb;border-radius:9px;padding:0 12px;font-weight:700;cursor:pointer}.feed-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.secondary-button,.icon-button{border:1px solid #d8e3ef;background:#fff;color:#31506f;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:11px}.secondary-button:hover,.icon-button:hover{background:#f5f9ff}.secondary-button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}.feed{padding:10px;overflow:auto;background:#f9fbfd;display:grid;gap:9px}.news-card{display:grid;grid-template-columns:106px minmax(0,1fr);gap:12px;background:#fff;border:1px solid #e3eaf2;border-radius:11px;padding:9px;transition:.15s ease}.news-card:hover{border-color:#c9d9eb;box-shadow:0 6px 16px rgba(45,78,116,.08);transform:translateY(-1px)}.news-card.no-image{grid-template-columns:1fr}.thumb{width:106px;height:92px;object-fit:cover;border-radius:8px;background:#edf2f7}.article-body{min-width:0}.meta{display:flex;align-items:center;gap:7px;min-width:0;color:#63758b;font-size:10px;margin-bottom:4px}.source-dot{width:8px;height:8px;background:#2f80ed;border-radius:2px;flex:0 0 auto}.domain{font-weight:700;color:#3b4d63;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time{margin-left:auto;white-space:nowrap}.news-card h3{font-size:14px;line-height:1.28;margin:0;color:#15243a}.translated{margin-top:7px;padding:8px 9px;border-left:3px solid #44b38a;background:#f0fbf7;border-radius:0 7px 7px 0;color:#245e4b;font-size:12px;line-height:1.38}.card-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.card-actions a,.card-actions button{font-size:10px;text-decoration:none;border-radius:7px;padding:6px 8px}.card-actions a{background:#f3f6fa;color:#334a64}.card-actions button{border:0;background:#eaf3ff;color:#176acb;cursor:pointer}.card-actions button:disabled{opacity:.55}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#6d7d90}.empty-state strong{color:#35485f;margin:8px 0 5px}.empty-state span{max-width:330px;font-size:13px;line-height:1.5}.empty-icon{font-size:38px}.skeleton{height:112px;border-radius:11px;background:linear-gradient(90deg,#eef2f6 25%,#f7f9fb 37%,#eef2f6 63%);background-size:400% 100%;animation:shine 1.4s infinite}@keyframes shine{0%{background-position:100% 0}100%{background-position:0 0}}.toast{position:fixed;right:20px;bottom:20px;z-index:2000;background:#18283d;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:0 10px 30px #0004;font-size:13px}
@media(max-width:1180px){.topbar{grid-template-columns:1fr auto}.nav{display:none}.country-search-wrap{width:360px}.workspace{grid-template-columns:minmax(0,1.3fr) minmax(350px,.9fr)}.map-card{min-height:430px}.brand small{display:none}}
@media(max-width:850px){.topbar{height:auto;min-height:70px;padding:12px 16px;grid-template-columns:1fr}.country-search-wrap{width:100%;justify-self:stretch}.brand strong{font-size:18px}.page-shell{padding:10px}.controlbar{grid-template-columns:1fr auto;gap:10px}.control-help{display:none}.workspace{grid-template-columns:1fr}.map-card{height:52vh;min-height:390px}.news-panel{position:relative;top:auto;max-height:none}.news-head{position:sticky;top:0}.feed{overflow:visible}.mobile-feed-button{display:block!important}.favorites-strip{margin-bottom:2px}.section-heading span{display:none}}
@media(max-width:520px){.brand-icon{font-size:32px}.control-group{width:100%}.control-group select{flex:1}.map-card{height:46vh;min-height:340px}.news-card{grid-template-columns:82px minmax(0,1fr)}.thumb{width:82px;height:82px}.news-head h1{font-size:21px}.news-search button{padding:0 10px}.secondary-button{max-width:230px}.favorites-strip{padding:11px}.country-pill{min-width:104px}.topbar{position:relative}}

.source-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin-top:9px}.source-row label{font-size:11px;font-weight:700;color:#607189}.source-row select{width:100%;min-width:0;border:1px solid #d4dfeb;border-radius:9px;padding:8px 10px;background:#fff;color:#263852}.source-row select:disabled{background:#f4f6f8;color:#8a98a8}.article-summary{font-size:11px;line-height:1.4;color:#617288;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-footer{max-width:1840px;margin:0 auto;padding:4px 18px 18px;color:#7b8b9d;font-size:11px}.site-footer a{color:#55718f;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media(max-width:520px){.source-row{grid-template-columns:1fr}.source-row label{display:none}}