*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #090909;--bg-1: #101010;--bg-2: #171717;--bg-3: #1f1f1f;--bg-4: #282828;--border: #1c1c1c;--border-2: #2a2a2a;--text-1: #efefef;--text-2: #808080;--text-3: #404040;--red: #d42e2e;--red-dim: #7a1010;--red-glow: rgba(212,46,46,.15);--green: #2a8040;--tg: #2aabee;--header-h: 48px;--feed-w: 280px;--font: -apple-system,"Segoe UI",system-ui,sans-serif}html,body,#root{height:100%;background:var(--bg-0);color:var(--text-1);font-family:var(--font);font-size:14px;overflow:hidden}.app{display:flex;flex-direction:column;height:100%}.header{height:var(--header-h);background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;flex-shrink:0;z-index:100;position:relative}.header-left{display:flex;align-items:center;gap:9px}.header-logo{height:34px;width:34px;object-fit:cover;border-radius:50%;flex-shrink:0}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.header-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:8px}.menu-btn{display:flex;flex-direction:column;justify-content:center;gap:4px;background:var(--bg-3);border:1px solid var(--border);border-radius:5px;padding:8px 9px;cursor:pointer;transition:background .12s}.menu-btn:hover{background:var(--bg-4)}.menu-btn span{display:block;width:14px;height:1px;background:var(--text-2);border-radius:1px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.menu-dropdown{position:fixed;top:var(--header-h);right:14px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:8px;padding:5px 0;z-index:201;min-width:175px;box-shadow:0 8px 24px #000c}.menu-dropdown a{display:block;padding:9px 14px;color:var(--text-2);text-decoration:none;font-size:13px;transition:background .1s,color .1s}.menu-dropdown a:hover{background:var(--bg-3);color:var(--text-1)}.menu-dropdown .menu-support,.menu-dropdown .menu-support:hover{color:#f5a623}.layout{flex:1;display:flex;overflow:hidden}.map-zone{flex:1;display:flex;flex-direction:column;background:var(--bg-0);overflow:hidden;position:relative}.map-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.ukraine-svg{width:100%;height:100%;max-height:calc(100vh - var(--header-h) - 26px)}.region{cursor:pointer;transition:fill .3s ease,stroke .3s ease;stroke-linejoin:round}.region--ok{fill:#1e1e1e;stroke:#2a2a2a;stroke-width:.8}.region--alert{fill:var(--red-dim);stroke:var(--red);stroke-width:1;filter:drop-shadow(0 0 4px rgba(212,46,46,.4));animation:alert-pulse 2s ease-in-out infinite}@keyframes alert-pulse{0%,to{fill:#7a1010}50%{fill:#951515}}.region--ok.region--hovered{fill:#243424;stroke:#303030}.region--alert.region--hovered{fill:#9a1818;stroke:#cc2828}.map-tooltip{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:var(--bg-2);border:1px solid var(--border-2);border-radius:5px;padding:5px 10px;font-size:12px;color:var(--text-1);pointer-events:none;white-space:nowrap;z-index:10}.tooltip-alert{color:var(--red)}.map-bar{height:26px;background:var(--bg-1);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:var(--text-3);flex-shrink:0}.alert-count{display:flex;align-items:center;gap:5px}.alert-dot{width:5px;height:5px;border-radius:50%;background:var(--red);animation:blink 1.8s ease-in-out infinite}.alert-num{font-weight:700;font-size:11px;color:#e05050}.alert-label{color:var(--text-3)}.map-updated{font-variant-numeric:tabular-nums}.feed-sidebar{width:var(--feed-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-1);border-left:1px solid var(--border);overflow:hidden}.feed-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.feed-header-left{display:flex;align-items:center;gap:7px}.feed-title{font-size:12px;font-weight:600;color:var(--text-1)}.tg-link{font-size:10px;color:var(--tg);text-decoration:none;opacity:.75;transition:opacity .12s}.tg-link:hover{opacity:1}.feed-body{flex:1;overflow-y:auto}.feed-body::-webkit-scrollbar{width:2px}.feed-body::-webkit-scrollbar-thumb{background:var(--border-2)}.feed-placeholder{display:flex;flex-direction:column;align-items:center;padding:48px 20px;gap:12px;text-align:center}.ph-title{font-size:13px;font-weight:600;color:var(--text-2)}.ph-desc{font-size:12px;color:var(--text-3);line-height:1.65}.ph-link{font-size:12px;color:var(--tg);text-decoration:none;opacity:.8;margin-top:4px}.ph-link:hover{opacity:1}.feed-post{display:block;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;text-decoration:none;color:inherit}.feed-post:hover{background:var(--bg-2)}.feed-post--new{border-left:2px solid var(--red)}.feed-post-text{font-size:12px;color:var(--text-1);line-height:1.6;white-space:pre-wrap;margin:0 0 7px}.feed-post-meta{display:flex;justify-content:space-between;align-items:center}.feed-post-time,.feed-post-views{font-size:10px;color:var(--text-3)}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:13px}.ukraine-svg{width:100%;height:100%;display:block}.ukraine-svg .region{stroke-linejoin:round;cursor:pointer;transition:fill .25s ease}.ukraine-svg .region.ok{fill:#1e1e1e;stroke:#2a2a2a;stroke-width:.8px}.ukraine-svg .region.alert{fill:#7a1010;stroke:#c02020;stroke-width:1px;animation:alert-pulse 2s ease-in-out infinite}@keyframes alert-pulse{0%,to{fill:#7a1010}50%{fill:#961515}}.ukraine-svg .region.ok.hovered{fill:#252525}.ukraine-svg .region.alert.hovered{fill:#961515}.map-d3-container{width:100%;height:100%;position:relative}.map-d3-container svg{display:block}.map-d3-container .region{stroke-linejoin:round;cursor:pointer;transition:fill .25s,fill-opacity .25s}.map-d3-container .region.ok{fill:#1e1e1e;stroke:#2a2a2a;stroke-width:.7px}.map-d3-container .region.alert{fill:#5c0f0f;stroke:#7a1515;stroke-width:1px;fill-opacity:.7}.map-d3-container .region.alert-new{fill:#7e1212;stroke:#9e1818;stroke-width:1px;fill-opacity:1}.map-d3-container .region.ok.hovered{fill:#252525}.map-d3-container .region.alert.hovered{fill:#7a1515}.map-d3-container .region.alert-new.hovered{fill:#962020}.map-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:12px;text-align:center;padding:20px}.ukraine-svg .district.ok{fill:#1e1e1e;stroke:#2a2a2a;stroke-width:.4px}.ukraine-svg .district.alert{fill:#7a1010;stroke:#c02020;stroke-width:.5px;animation:alert-pulse 2s ease-in-out infinite}.ukraine-svg .district.ok.hovered{fill:#252525}.ukraine-svg .district.alert.hovered{fill:#961515}.ukraine-svg .oblast-border{fill:none;stroke:#303030;stroke-width:1.2px;pointer-events:none}.ukraine-svg .oblast-border.alert-border{stroke:#8b2020;stroke-width:1.5px}.map-d3-container .district.ok{fill:#1e1e1e;stroke:#2a2a2a;stroke-width:.4px}.map-d3-container .district.alert{fill:#5c0f0f;stroke:#7a1515;stroke-width:.6px;fill-opacity:.7}.map-d3-container .district.alert-new{fill:#7e1212;stroke:#9e1818;stroke-width:.6px;fill-opacity:1}.map-d3-container .district.ok.hovered{fill:#252525}.map-d3-container .district.alert.hovered{fill:#7a1515}.map-d3-container .district.alert-new.hovered{fill:#962020}.map-d3-container .oblast-border{fill:none;stroke:#303030;stroke-width:1.5px;pointer-events:none}.oblast-label{font-family:var(--font);font-size:11px;font-weight:500;fill:#ffffff73;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.oblast-label-html{position:absolute;transform:translate(-50%,-50%);font-family:var(--font);font-size:11px;font-weight:500;color:#ffffff73;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:.02em}@media (max-width: 768px){:root{--feed-w: 100%}.layout{flex-direction:column;overflow:hidden}.map-zone{height:52vh;min-height:52vh;flex:none;overflow:hidden}.map-bar{font-size:10px;padding:4px 10px}.feed-sidebar{width:100%;border-left:none;border-top:1px solid var(--border);flex:1;min-height:0;overflow:hidden}.feed-body{overflow-y:auto}.header-logo{height:28px;width:28px}.header-title{font-size:13px}.oblast-label{font-size:3px!important}}