:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--panel-w: 340px;--panel-bg: rgba(18, 18, 20, .92);--panel-border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--chip: rgba(255, 255, 255, .08);--chip-border: rgba(255, 255, 255, .16);--shadow: 0 12px 28px rgba(0, 0, 0, .35)}.appShell{position:relative;width:100%;height:100vh;overflow:hidden;background:#000;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.mapLayer{position:absolute;inset:0;z-index:1}.sidePanelLayer{position:absolute;inset:0;pointer-events:none;z-index:40}.sidePanel{pointer-events:auto;position:absolute;top:10px;bottom:10px;left:10px;width:var(--panel-w);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;overflow:visible;transform:translate(0);transition:transform .22s ease}.sidePanel.closed{transform:translate(-350px)}.panelHandle{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:24px;height:84px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#000000b3;box-shadow:0 8px 18px #00000059;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column}.panelHandle:active{transform:translateY(-50%) scale(.98)}.panelHandleBar{width:3px;height:34px;border-radius:999px;background:#ffffff40}.panelHandleChevron{font-size:14px;line-height:14px;color:#ffffffbf}.panelHeader{padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.panelTitle{display:flex;flex-direction:column;gap:2px}.panelAppName{font-weight:700;letter-spacing:.2px;font-size:16px}.panelSubtitle{color:var(--muted);font-size:12px}.panelTabs{display:flex;gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}.tabBtn{flex:1;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fffc;cursor:pointer;font-size:13px}.tabBtn:hover{background:#ffffff14}.tabBtn.active{background:#00d1ff24;border-color:#00d1ff59;color:#fffffff2}.panelBody{padding:12px;overflow:auto;flex:1;min-height:0}.panelBody::-webkit-scrollbar{width:8px}.panelBody::-webkit-scrollbar-track{background:#0003;border-radius:4px}.panelBody::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.panelBody::-webkit-scrollbar-thumb:hover{background:#ffffff40}.hourlyScroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.hourlyScroll::-webkit-scrollbar{height:8px}.hourlyScroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.hourlyScroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.hourlyScroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.panelSection{display:flex;flex-direction:column;gap:10px}.sectionTitle{font-weight:700;font-size:14px;letter-spacing:.2px}.smallMuted{color:var(--muted);font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.rowTitle{font-weight:650;font-size:13px}.rowSub{color:var(--muted);font-size:12px;margin-top:2px}.switch{position:relative;width:44px;height:26px;display:inline-block;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:999px;transition:.16s ease}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:50%;transform:translateY(-50%);background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:999px;transition:.16s ease}.switch input:checked+.slider{background:#00d1ff38;border-color:#00d1ff59}.switch input:checked+.slider:before{transform:translate(18px,-50%)}.list{display:flex;flex-direction:column;gap:8px}.listItem{padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;cursor:pointer}.listItem:hover{background:#ffffff0f}.listItem.selected{border-color:#00d1ff59;background:#00d1ff14}.listTitle{font-weight:600;font-size:12px;line-height:1.3}.listSub{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chipBtn.compact{padding:4px 8px;font-size:11px;min-width:36px;flex-shrink:0}.pillRow{display:flex;flex-wrap:wrap;gap:8px}.pillBtn{padding:8px 10px;border-radius:999px;border:1px solid var(--chip-border);background:var(--chip);color:#ffffffd1;cursor:pointer;font-size:12px}.pillBtn:hover{background:#ffffff1a}.pillBtn.active{background:#00d1ff24;border-color:#00d1ff59;color:#fffffff2}.btnRow{display:flex;gap:8px;flex-wrap:wrap}.chipBtn{padding:8px 10px;border-radius:12px;border:1px solid var(--chip-border);background:#ffffff0f;color:#ffffffdb;cursor:pointer;font-size:12px}.chipBtn:hover{background:#ffffff17}.chipBtn.active{background:#00d1ff24;border-color:#00d1ff59}.chipBtn:disabled{opacity:.5;cursor:not-allowed}.linkBtn{background:none;border:none;padding:0;color:var(--muted);font-size:12px;cursor:pointer;font-family:inherit}.linkBtn:hover{color:var(--text);text-decoration:underline}.kv{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:13px}.divider{height:1px;background:#ffffff1a;margin:6px 0}.errText{color:#ff453a;font-size:12px}.pill{-webkit-user-select:none;user-select:none;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 22px #0000004d;color:#ffffffeb;font-size:13px;cursor:pointer}.pill:active{transform:scale(.99)}.bottomNav{position:absolute;left:10px;right:10px;bottom:10px;z-index:35;display:flex;gap:10px;justify-content:center;pointer-events:auto}.bottomNav .navBtn{padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#121214cc;color:#ffffffe0;cursor:pointer;box-shadow:var(--shadow)}.mapLayer{pointer-events:auto}@media(max-width:600px){.hudPills{top:10px!important;bottom:auto!important}.pill{padding:8px 10px;font-size:11px}.sidePanel{width:calc(100vw - 50px);max-width:340px}.panelBody{font-size:13px}}