*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--border:#30363d;--accent:#388bfd;--accent-hover:#58a6ff;--text:#e6edf3;--text-muted:#8b949e;--timeline-h:74px;--float-bg:rgba(13, 17, 23, 0.92);--float-blur:blur(6px);--float-radius:10px;--float-margin:29px}body,html{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:14px;overflow:hidden}#app,#map-wrap{width:100%;height:100vh;height:100dvh}#map-wrap{position:relative;overflow:hidden}#toolbar-wrap{position:absolute;top:var(--float-margin);left:50%;transform:translateX(-50%);width:90%;z-index:1000}#toolbar{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;overflow-x:auto;scrollbar-width:none;background:var(--float-bg);border:1px solid var(--border);border-radius:var(--float-radius);backdrop-filter:var(--float-blur)}#toolbar::-webkit-scrollbar{display:none}#map{width:100%;height:100%}#timeline-wrap{position:absolute;bottom:calc(32px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:90%;height:var(--timeline-h);background:var(--float-bg);border:1px solid var(--border);border-radius:var(--float-radius);overflow:hidden;z-index:900;backdrop-filter:var(--float-blur);cursor:crosshair;touch-action:none}#timeline{display:block;width:100%;height:100%}#logo{font-weight:700;font-size:15px;color:var(--accent-hover);letter-spacing:.03em;white-space:nowrap}#time-display{position:absolute;top:0;bottom:0;right:10px;display:flex;flex-direction:row;align-items:center;gap:5px;pointer-events:none;user-select:none;font-size:48px;font-weight:700;color:var(--text);transition:color .2s}.td-time{font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.td-tz{font-size:12px;font-weight:700;writing-mode:vertical-lr;line-height:1;color:var(--text-muted);overflow:hidden}#time-display.pred-time{color:#58a6ff}.tb-sep{flex:1}.tb-div{width:1px;height:50%;background:rgba(255,255,255,.5);flex-shrink:0}.tb-btn{background:var(--border);color:var(--text);border:none;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:13px;transition:background .15s;white-space:nowrap}.tb-btn:hover{background:#3d444d}.tb-btn.active{background:var(--accent);color:#fff}.tb-btn.tb-icon{padding:5px 8px;line-height:0}.pill-toggle{display:inline-flex;align-items:center;padding:3px 12px;font-size:13px;border:1.5px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text-muted);cursor:pointer;user-select:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.pill-toggle.active{background:#c0392b;color:#fff;border-color:#c0392b}#live-btn.active{animation:live-pulse 1.2s ease-in-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(220,50,40,.9);background:#c0392b}50%{box-shadow:0 0 0 10px rgba(220,50,40,0);background:#e74c3c}100%{box-shadow:0 0 0 0 rgba(220,50,40,.9);background:#c0392b}}.lm-dot{background:0 0;border:none}.map-dot{filter:drop-shadow(0 0 3px rgba(0,0,0,.55))}.lm-dot{position:relative;overflow:visible}.lm-dot::before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;background:#f24;border-radius:50%;box-shadow:0 0 6px 2px rgba(255,34,68,.65)}.lm-dot::after{content:'';position:absolute;top:0;left:0;border:2px solid #f24;border-radius:50%;animation:lm-pulse 1.4s cubic-bezier(.15,.5,.25,1) infinite}@keyframes lm-pulse{0%{width:6px;height:6px;margin:-3px 0 0 -3px;opacity:1}100%{width:32px;height:32px;margin:-16px 0 0 -16px;opacity:0}}#loc-btn.active{background:#1a3a6e;color:#58a6ff;border:1px solid #388bfd}#loc-modal{position:absolute;inset:0;z-index:2000;background:rgba(0,0,0,.18);backdrop-filter:blur(1px);opacity:0;transition:opacity .15s ease}#loc-modal.open{opacity:1}#loc-panel{position:absolute;top:28%;left:50%;width:min(90vw,580px);background:var(--float-bg);border:1px solid var(--border);border-radius:16px;backdrop-filter:var(--float-blur);box-shadow:0 20px 60px rgba(0,0,0,.7);overflow:hidden;transform:translateX(-50%) scale(.96);transition:transform .15s ease}#loc-modal.open #loc-panel{transform:translateX(-50%) scale(1)}#loc-search-row{display:flex;align-items:center;gap:12px;padding:14px 18px}.loc-si{color:var(--text-muted);flex-shrink:0;width:20px;height:20px}#loc-search{flex:1;background:0 0;border:none;color:var(--text);font-size:18px;font-family:inherit;outline:0;min-width:0}#loc-search::placeholder{color:var(--text-muted)}#loc-results{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;border-top:1px solid var(--border);display:none}#loc-results.open{display:block}#loc-results li{padding:8px 14px;cursor:pointer;font-size:13px;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--border)}#loc-results li:last-child{border-bottom:none}#loc-results li.hl,#loc-results li:hover{background:#21262d}#loc-results li .loc-r-name{font-weight:500}#loc-results li .loc-r-meta{font-size:11px;color:var(--text-muted);white-space:nowrap}#loc-watched-wrap{display:none;flex-direction:column;border-top:1px solid var(--border);padding:6px 0}#loc-gps-btn{display:flex;align-items:center;gap:14px;width:100%;padding:9px 18px;background:0 0;border:none;font-family:inherit;cursor:pointer;text-align:left;transition:background .12s}#loc-gps-btn:hover{background:rgba(88,166,255,.07)}.loc-gps-icon{width:32px;height:32px;background:rgba(88,166,255,.14);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#58a6ff;transition:background .12s}#loc-gps-btn:hover .loc-gps-icon{background:rgba(88,166,255,.22)}.loc-gps-label{font-size:14px;font-weight:500;color:#58a6ff}#loc-watched-chips:not(:empty){border-top:1px solid var(--border);margin-top:2px;padding-top:2px}.loc-chip{display:flex;align-items:center;gap:14px;padding:9px 18px;cursor:default;transition:background .12s}.loc-chip:hover{background:rgba(255,255,255,.04)}.loc-chip-dot{width:10px;height:10px;background:#1a73e8;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px rgba(26,115,232,.18)}.loc-chip-info{flex:1;min-width:0}.loc-chip-name{font-size:14px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-chip-name:hover{color:#58a6ff}.loc-chip-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.loc-chip-del{background:0 0;border:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:2px 4px;line-height:1;opacity:0;transition:opacity .12s,color .12s;flex-shrink:0}.loc-chip:hover .loc-chip-del{opacity:1}.loc-chip-del:hover{color:#f78166}#radar-src{position:relative;display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:9px;padding:3px;user-select:none;white-space:nowrap}#radar-src-thumb{position:absolute;top:3px;bottom:3px;background:#c0392b;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.5);transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1),opacity .15s;pointer-events:none;opacity:0}.rs-opt{position:relative;z-index:1;padding:3px 11px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:color .2s}.rs-opt.active{color:var(--text);font-weight:500}#refresh-ring{position:relative;width:20px;height:20px;flex-shrink:0}.rr-fill-svg,.rr-load-svg{position:absolute;inset:0}.rr-track{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:2.5}.rr-arc{fill:none;stroke:#3fb950;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:56.55;stroke-dashoffset:56.55;transform:rotate(-90deg);transform-origin:12px 12px}.rr-spinner{fill:none;stroke:rgba(255,255,255,0.85);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:42.4 14.15;transform:rotate(-90deg);transform-origin:12px 12px}.rr-load-svg{display:none}#refresh-ring.rr-loading .rr-fill-svg{display:none}#refresh-ring.rr-loading .rr-load-svg{display:block;animation:rr-spin .85s linear infinite;transform-origin:center}@keyframes rr-spin{to{transform:rotate(360deg)}}#cal-wrap{position:relative;display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--border);border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);user-select:none;transition:border-color .15s;white-space:nowrap}#cal-wrap:hover{border-color:var(--accent)}#cal-label{font-variant-numeric:tabular-nums;letter-spacing:.02em}.cal-arrow{color:var(--text-muted);font-size:10px}#cal-wrap #cal-date{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;border:none;padding:0;margin:0}#anim-window{appearance:none;-webkit-appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238b949e'/%3E%3C/svg%3E") no-repeat right 9px center;border:1.5px solid var(--border);border-radius:9px;color:var(--text);cursor:pointer;font-size:13px;font-family:inherit;padding:4px 28px 4px 11px;white-space:nowrap;outline:0;transition:border-color .15s}#anim-window:hover{border-color:var(--text-muted)}#anim-window:focus{border-color:var(--accent)}#anim-window option{background:#1c2128;color:var(--text)}#map-style{appearance:none;-webkit-appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2020/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238b949e'/%3E%3C/svg%3E") no-repeat right 9px center;border:1.5px solid var(--border);border-radius:9px;color:var(--text);cursor:pointer;font-size:13px;font-family:inherit;padding:4px 28px 4px 11px;white-space:nowrap;outline:0;transition:border-color .15s}#map-style:hover{border-color:var(--text-muted)}#map-style:focus{border-color:var(--accent)}#map-style option{background:#1c2128;color:var(--text)}#opacity-wrap{display:flex;align-items:center;gap:8px;white-space:nowrap}#opacity-slider{position:relative;width:90px;height:28px;background:var(--bg);border:1.5px solid var(--border);border-radius:9px;padding:3px;cursor:pointer;user-select:none;touch-action:none}#opacity-fill{position:absolute;top:3px;left:3px;bottom:3px;width:0;background:rgba(192,57,43,.3);border-radius:6px 0 0 6px;pointer-events:none}#opacity-thumb{position:absolute;top:3px;bottom:3px;width:22px;background:#c0392b;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}#opacity-val{font-size:11px;color:var(--text-muted);min-width:30px;font-variant-numeric:tabular-nums}#tl-win-btns{position:absolute;bottom:calc(32px + env(safe-area-inset-bottom,0px) + var(--timeline-h) + 5px);right:calc(5% + 10px);display:flex;gap:3px;z-index:901}.tw-btn{background:rgba(0,0,0,.72);color:rgba(255,255,255,.55);border:none;border-radius:4px;font-size:10px;font-weight:600;padding:3px 7px;cursor:pointer;line-height:1;transition:background .1s,color .1s;white-space:nowrap}.tw-btn:hover{background:rgba(0,0,0,.88);color:rgba(255,255,255,.85)}.tw-btn.active{background:#c0392b;color:#fff}#zoom-hint{position:absolute;bottom:calc(32px + env(safe-area-inset-bottom,0px) + var(--timeline-h) + 10px);left:50%;transform:translateX(-50%);z-index:901;pointer-events:none;user-select:none;display:flex;align-items:center;gap:6px;filter:drop-shadow(0 0 3px rgba(255,255,255,.9))}.zh-mouse{width:18px;height:26px;border:2px solid rgba(0,0,0,.65);border-radius:9px;display:flex;justify-content:center;padding-top:5px;flex-shrink:0}.zh-wheel{width:2.5px;height:6px;background:rgba(0,0,0,.65);border-radius:2px;animation:zh-scroll 1.5s ease-in-out infinite}.zh-label{font-size:11px;color:rgba(0,0,0,.65);white-space:nowrap}@keyframes zh-scroll{0%{transform:translateY(-2px);opacity:1}40%{transform:translateY(2px);opacity:.3}80%{transform:translateY(-2px);opacity:1}100%{transform:translateY(-2px);opacity:1}}body.px-mode .leaflet-image-layer{image-rendering:pixelated}#status{font-size:11px;color:var(--text-muted);white-space:nowrap}#help-panel{position:absolute;top:calc(100% + 10px);left:0;z-index:1100;width:280px;background:var(--float-bg);border:1px solid var(--border);border-radius:var(--float-radius);backdrop-filter:var(--float-blur);box-shadow:0 8px 32px rgba(0,0,0,.55);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;pointer-events:none}#help-panel.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .15s ease,transform .15s ease,visibility 0s linear 0s;pointer-events:auto}.kb-group{padding:2px 0}.kb-sep{height:1px;background:var(--border);margin:4px 0}.kb-row{display:flex;align-items:center;gap:10px;padding:5px 14px}.kb-keys{display:flex;gap:3px;flex-shrink:0;width:68px;justify-content:flex-end}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;background:#1c2128;border:1px solid #444c56;border-bottom:2px solid #444c56;border-radius:5px;font-size:11px;font-weight:600;font-family:inherit;color:#cdd9e5;line-height:1;white-space:nowrap}.kb-desc{font-size:12px;color:var(--text-muted);line-height:1.3}#help-btn{font-size:13px;font-weight:700;min-width:24px;letter-spacing:0}#catchup-banner{display:none;position:absolute;top:calc(var(--float-margin) + 54px);left:50%;transform:translateX(-50%);width:90%;z-index:998;align-items:center;gap:10px;padding:7px 14px;background:var(--float-bg);border:1px solid #2d3a50;border-radius:var(--float-radius);backdrop-filter:var(--float-blur);font-size:13px;color:var(--text-muted)}#catchup-banner.visible{display:flex}#catchup-icon{font-size:15px;color:var(--accent);animation:cu-spin 1.1s linear infinite;flex-shrink:0}#catchup-banner.cu-done #catchup-icon{animation:none;color:#3fb950}@keyframes cu-spin{to{transform:rotate(360deg)}}#catchup-bar{flex:1;height:5px;display:flex;align-items:center;gap:0}.cu-seg{height:5px;border-radius:3px;overflow:hidden;background:var(--border);position:relative}#cu-seg-dl{flex:50}#cu-seg-conv{flex:38;margin:0 3px}#cu-seg-pred{flex:12}.cu-sep-line{width:2px;height:5px;background:var(--bg);flex-shrink:0}.cu-seg-fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:3px;transition:width .5s ease}.cu-fill-dl{background:#388bfd}.cu-fill-conv{background:#3fb950}.cu-fill-pred{background:#f0883e}#catchup-pct{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;min-width:14ch;text-align:right;flex-shrink:0}#no-data{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 32px;text-align:center;z-index:999}#no-data p{color:var(--text-muted);margin-top:8px}#legend{position:absolute;bottom:calc(32px + env(safe-area-inset-bottom,0px) + var(--timeline-h) + 16px);left:5%;background:var(--float-bg);border:1px solid var(--border);border-radius:8px;padding:7px 8px 6px;z-index:901;backdrop-filter:var(--float-blur);user-select:none;pointer-events:none}.legend-title{font-size:10px;font-weight:700;color:var(--text);text-align:center;margin-bottom:4px;letter-spacing:.06em}.legend-unit{font-size:9px;font-weight:400;color:var(--text-muted);text-align:center;margin-bottom:4px}.legend-items{display:flex;flex-direction:column-reverse;gap:1px}.lr{display:flex;align-items:center;gap:4px}.ls{width:18px;height:8px;border-radius:2px;flex-shrink:0}.ll{font-size:9px;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:20px;text-align:right}.cal-picker-popup{display:none;position:absolute;z-index:9999;background:#1c2128;border:1px solid var(--border);border-radius:10px;padding:14px 12px 12px;box-shadow:0 8px 28px rgba(0,0,0,.5);user-select:none;min-width:232px}.cpp-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}.cpp-title{font-size:12px;font-weight:700;letter-spacing:.07em;color:var(--text)}.cpp-nav{background:0 0;border:none;color:var(--text-muted);font-size:22px;line-height:1;padding:0 6px;cursor:pointer;border-radius:4px;transition:background .12s,color .12s}.cpp-nav:hover{background:var(--border);color:var(--text)}.cpp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.cpp-dow{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:3px 0 6px}.cpp-dow-we{color:#c0634a}.cpp-day{display:flex;align-items:center;justify-content:center;height:30px;font-size:13px;border-radius:50%;color:#3d444d;cursor:default;transition:background .1s}.cpp-on{color:var(--text);cursor:pointer}.cpp-on:hover{background:var(--border)}.cpp-on.cpp-we{color:#c0a080}.cpp-off{color:#3d444d}.cpp-other{color:#2a2f37}.cpp-today{background:#1f4d2a;color:#3fb950;font-weight:700}.cpp-on.cpp-today{color:#3fb950}.cpp-on.cpp-today:hover{background:#2a6437}.cpp-sel{background:var(--accent)!important;color:#fff!important;font-weight:700}@media (max-width:640px){#toolbar{max-width:calc(100% - 16px);gap:6px;padding:7px 10px;flex-wrap:wrap;overflow-x:visible;top:8px}.pill-toggle,.tb-btn{padding:3px 9px;font-size:12px}#radar-src{padding:2px}.rs-opt{padding:2px 8px;font-size:12px}#anim-window{font-size:12px;padding:3px 22px 3px 8px}#cal-wrap{padding:4px 8px;font-size:12px}#opacity-wrap,#status,.tb-sep{display:none}#catchup-banner{top:calc(8px + 88px)}#timeline-wrap{bottom:calc(12px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px)}}