@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--bg:#0b1220;--panel:rgba(15,23,42,.88);--text:#e2e8f0;--muted:#94a3b8;--accent:#22d3ee;--accent2:#60a5fa;--border:rgba(148,163,184,.22)}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.map{height:100vh;min-height:360px}.leaflet-container{background:var(--bg)}.ui-tabs{position:fixed;top:10px;left:10px;z-index:900;display:flex;gap:6px;flex-wrap:wrap}.tab-btn{padding:6px 10px;border-radius:999px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#0f172a99;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #00000040}.tab-btn:hover{border-color:#ffffff59}.tab-btn.is-active{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#0b1220;border-color:transparent}.warnings-panel,.forecast-panel{position:fixed;top:56px;left:10px;z-index:880;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:10px 12px;max-width:min(680px,92vw);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000047}.wp-title{font-weight:700;margin-bottom:6px;color:#cbd5e1}.wp-days{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:8px 12px;border-radius:999px;font-weight:600;letter-spacing:.1px;border:1px solid rgba(148,163,184,.35);background:#0f172ab8;color:#e5e7eb;box-shadow:0 2px 10px #00000040;transition:transform .08s ease,background .15s ease,border-color .15s ease;cursor:pointer}.pill small{opacity:.8;font-weight:500;margin-left:6px}.pill:hover{transform:translateY(-1px)}.pill.is-active{background:linear-gradient(180deg,#0ea5e9,#3b82f6);border-color:#fff6;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.wp-legend{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px;box-shadow:0 0 0 2px #ffffff26 inset}.dot.red{background:#ef4444}.dot.orange{background:#f59e0b}.dot.yellow{background:#eab308}.locate-btn{position:fixed;top:56px;right:10px;z-index:880;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 20px #00000040}.locate-btn:hover{border-color:#ffffff59}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.forecast-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.forecast-close{width:24px;height:24px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text)}.forecast-section{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-top:8px}.days-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px}.row{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}.bottom-bar{position:fixed;left:10px;bottom:10px;z-index:860;display:flex;gap:14px;align-items:center;background:var(--panel);color:var(--muted);padding:8px 12px;border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 20px #00000040;font-size:12px}.leaflet-control-zoom a{background:#0f172ae6;color:var(--text);border:1px solid var(--border);box-shadow:none}.leaflet-control-zoom a:hover{background:#ffffff14}.leaflet-popup-content-wrapper{background:#0f172af2;color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px #00000059}.leaflet-popup-tip{background:#0f172af2}.leaflet-container a{color:#93c5fd}.mypos-pulse{animation:pulse 1.6s infinite}@keyframes pulse{0%{filter:drop-shadow(0 0 0 rgba(96,165,250,0))}70%{filter:drop-shadow(0 0 14px rgba(96,165,250,.7))}to{filter:drop-shadow(0 0 0 rgba(96,165,250,0))}}.muted{color:var(--muted)}.chip,.chip-large{height:40px!important;line-height:40px!important;padding:0 12px!important;border-radius:999px!important;white-space:nowrap}.ui-tabs .tab-btn.is-active{background:#0284c72e;border-color:#0284c78c;color:#e6f3ff}.leaflet-marker-icon.city-pin{background:transparent;border:0}.city-pin{position:relative;width:12px;height:12px}.city-pin .dot{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:#60a5fa;border-radius:50%;box-shadow:0 0 0 1px #ffffffb3}.city-pin .ping{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border:2px solid #60a5fa;border-radius:50%;opacity:.6;transform:translate(-50%,-50%) scale(1);animation:city-pulse 1.8s ease-out infinite}@keyframes city-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(2.6);opacity:0}}.tabs-menu>summary{display:none}@media(max-width:820px){:root{--safe-top:max(10px,env(safe-area-inset-top));--safe-bottom:max(10px,env(safe-area-inset-bottom));--menu-btn-bottom: 55px;--menu-btn-right: 10px;--menu-btn-h: 44px;--menu-panel-w: 360px}.days-grid{grid-template-columns:1fr}.tabs-menu{position:fixed!important;bottom:calc(env(safe-area-inset-bottom) + var(--menu-btn-bottom))!important;right:var(--menu-btn-right)!important;top:auto!important;left:auto!important;z-index:1500;margin:0}.tabs-menu>summary{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;font-weight:700;cursor:pointer;background:#0f172ab8;color:var(--text);border:1px solid var(--border);box-shadow:0 4px 12px #00000040;-webkit-user-select:none;user-select:none}.tabs-menu>summary::-webkit-details-marker{display:none}.tabs-menu .ui-tabs{display:none}.tabs-menu[open] .ui-tabs{position:fixed;right:var(--menu-btn-right);bottom:calc(env(safe-area-inset-bottom) + var(--menu-btn-bottom) + var(--menu-btn-h) + 8px);left:auto;top:auto;width:min(92vw,var(--menu-panel-w));max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #00000047}.leaflet-top,.leaflet-bottom{z-index:300}.warnings-panel,.forecast-panel{z-index:410}.leaflet-popup,.leaflet-control{z-index:430}.warnings-panel,.forecast-panel{left:10px;right:10px;max-width:none;width:auto;top:calc(var(--safe-top) + 8px);max-height:calc(100vh - var(--safe-top) - var(--timeline-h, 82px) - var(--safe-bottom) - 24px);overflow:auto;-webkit-overflow-scrolling:touch}.bottom-bar{position:fixed;left:10px;right:auto;bottom:calc(env(safe-area-inset-bottom) + 6px);display:inline-block;width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;padding:6px 10px;font-size:11px;line-height:1.2;white-space:normal}.bottom-bar>div+div{margin-top:4px}.locate-btn{top:auto;bottom:calc(var(--safe-bottom) + var(--timeline-h, 82px) + 6px);right:10px}.leaflet-control-zoom{transform:scale(.92);transform-origin:right bottom}.leaflet-control-attribution{font-size:10px}.panel,.meteo-panel,.warnings-panel,.forecast-panel{scroll-margin-top:12px}}.app-root{--tabclose-top: 72px;--tabclose-right: 12px}.tab-close{position:fixed;z-index:1200;top:var(--tabclose-top);right:var(--tabclose-right);left:auto;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:18px;line-height:26px;text-align:center;cursor:pointer;box-shadow:0 8px 20px #00000040}.tab-close:hover{border-color:#ffffff59}.app-root[data-tab=faros] .tab-close{top:66px;right:auto;left:calc(-26px + min(420px,92vw))}.app-root[data-tab=chat] .tab-close{top:66px;right:auto;left:calc(-26px + min(560px,92vw))}.meteo-panel{position:fixed;top:56px;left:10px;z-index:880;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:10px 12px;max-width:min(680px,92vw);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000047}@media(max-width:820px){.meteo-panel{left:10px;right:10px;max-width:none;width:auto;top:calc(var(--safe-top) + 8px);max-height:calc(100vh - var(--safe-top) - var(--timeline-h, 82px) - var(--safe-bottom) - 24px);overflow:auto;-webkit-overflow-scrolling:touch}.meteo-panel .ver-toolbar,.meteo-panel .view-toolbar,.meteo-panel .meteo-view-switch{position:sticky!important;top:0;z-index:5;margin:-6px -8px 8px;padding:8px;background:#02061773;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--border)}}@media(max-width:820px){.meteo-panel .meteo-toolbar,.meteo-toolbar{position:static!important;margin-bottom:12px!important;z-index:1!important}.meteo-panel .view-row,.view-row{margin-top:8px!important}.meteo-panel .meteo-content,.meteo-content{padding-top:6px}}