:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--panel:#f6f7fb;--accent:#ff6b6b;--border:#0000000f;--input-bg:#00000008}body.dark{--bg:#0f141a;--fg:#e6eef8;--muted:#93a1b6;--panel:#161b22;--accent:#ffa07a;--border:#ffffff26;--input-bg:#ffffff0d}*{box-sizing:border-box}html{height:100%}body{background:var(--bg);height:100vh;color:var(--fg);flex-direction:column;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;transition:background .3s,color .3s;display:flex}#topbar{background:var(--panel);border-bottom:1px solid var(--border);scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:2px;height:44px;padding:0 10px;transition:background .3s,border-color .3s;display:flex;overflow:auto visible}#topbar::-webkit-scrollbar{display:none}#topbar-brand{letter-spacing:.02em;color:var(--fg);white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;padding-right:4px;font-size:13px;font-weight:700;display:flex}#topbar-brand svg{color:var(--accent);flex-shrink:0}.tb-divider{background:var(--border);flex-shrink:0;width:1px;height:22px;margin:0 6px}.tb-group{flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}#topbar-right{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.tb-btn{height:30px;color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:0 9px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tb-btn svg{opacity:.75;flex-shrink:0;transition:opacity .15s}.tb-btn:hover{background:var(--input-bg);border-color:var(--border)}.tb-btn:hover svg{opacity:1}.tb-btn:active{background:var(--border)}.tb-btn.tb-icon-only{justify-content:center;width:30px;padding:0}.tb-btn.tb-icon-only svg{opacity:.6}.tb-btn.tb-icon-only:hover svg{opacity:1}#addPointBtn.add-point-active{border-color:var(--accent);color:var(--accent);background:#ff6b6b1f}#addPointBtn.add-point-active svg{opacity:1;color:var(--accent)}body.dark #addPointBtn.add-point-active{background:#ffa07a26}.tb-check-label{cursor:pointer;-webkit-user-select:none;user-select:none}.tb-check-label input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.tb-check-label:has(input:checked){background:var(--input-bg);border-color:var(--border);color:var(--accent)}.tb-check-label:has(input:checked) svg{opacity:1;color:var(--accent)}.tb-field{border:1px solid var(--border);background:var(--input-bg);height:30px;color:var(--muted);border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.tb-field input[type=number]{width:38px;color:var(--fg);-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:0;font-size:12px}.tb-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.tb-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.tb-field svg{opacity:.5}.tb-field span{opacity:.6;font-size:11px}.tb-range-group #rangeInfo{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 4px;font-size:11.5px}.range-short-hint{color:var(--muted);opacity:.7;white-space:nowrap;padding:0 4px;font-size:10.5px}.dirty-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:opacity .2s;box-shadow:0 0 0 2px #f59e0b40}.dirty-dot.hidden{display:none}.small{color:var(--muted);font-size:12px}.range-badge-icon{cursor:pointer;background:0 0;border:none}.range-badge{background:var(--badge-color,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;box-shadow:0 0 0 2px #fff,0 0 8px #00000040}body.dark .range-badge{box-shadow:0 0 0 2px #0f141a,0 0 8px #00000073}.range-badge-inner{color:#fff;text-shadow:0 1px 1px #0000004d;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;display:flex}body.dark #topbar button:hover,body.dark #settingsPanel button:hover,body.dark .propBtns button:hover{background-color:#ffffff1f}#container{flex:1 1 0;align-items:stretch;width:100%;min-height:0;display:flex;overflow:hidden}#left{flex:2;grid-template-rows:minmax(0,1fr) auto;min-width:380px;height:100%;min-height:0;display:grid}#map{height:100%;min-height:0}#meta{background:var(--panel);border-top:1px solid var(--border);padding:8px;font-size:13px;transition:background .3s,border-color .3s}#splitter{cursor:col-resize;background:linear-gradient(#00000008,#00000003);width:6px;transition:width .3s,opacity .3s}#sidebar{flex:1;grid-template-rows:minmax(0,1fr) auto;min-width:300px;max-width:900px;height:100%;min-height:0;transition:min-width .3s,max-width .3s,flex .3s,opacity .3s;display:grid;overflow:hidden}#sidebar.sidebar-hidden{opacity:0;pointer-events:none;flex:0 0 0!important;min-width:0!important;max-width:0!important}#splitter.sidebar-hidden{opacity:0;pointer-events:none;width:0}#sidebarToggleBtn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s,border-color .2s;display:flex}#sidebarToggleBtn:hover{color:var(--fg);background:var(--input-bg);border-color:var(--border)}#sidebarToggleBtn.sidebar-hidden{color:var(--accent);border-color:var(--accent);background:#ff6b6b1a}body.dark #sidebarToggleBtn.sidebar-hidden{background:#ffa07a1f}#editorWrap{flex-direction:column;width:100%;min-height:0;display:flex;position:relative;overflow:hidden;background-color:var(--bg)!important}.CodeMirror,.cm-s-default.CodeMirror{font-family:Courier New,monospace;font-size:13px;line-height:1.6;transition:background .3s,color .3s;background:var(--bg)!important;width:100%!important;height:100%!important;color:var(--fg)!important}body.dark .cm-s-dracula.CodeMirror{background:var(--panel)!important;color:var(--fg)!important}.CodeMirror-gutters,.cm-s-default .CodeMirror-gutters{background:var(--bg)!important;border-right:1px solid var(--border)!important;color:var(--muted)!important}body.dark .cm-s-dracula .CodeMirror-gutters{background:var(--panel)!important;border-right:1px solid var(--border)!important;color:var(--muted)!important}.CodeMirror-cursor{border-left:2px solid var(--accent)!important}.CodeMirror-linenumber{color:var(--muted)}.CodeMirror-activeline-background{background:#ffb6c11a}body.dark .CodeMirror-activeline-background{background:#ffa07a33}.CodeMirror ::selection{background:#ff6b6b4d}body.dark .CodeMirror ::selection{background:#ffa07a66}.CodeMirror-scroll{overflow:auto!important}.panel,#chart-container{background:var(--panel);border-top:1px solid var(--border);padding:8px;transition:background .3s,border-color .3s}#chart-container{height:210px;min-height:0}.hidden{display:none}#pointProps{background:var(--panel);color:var(--fg);border:1px solid var(--border);z-index:999;border-radius:8px;padding:10px;position:absolute;top:80px;right:20px;box-shadow:0 4px 12px #00000026}.drag-handle{cursor:move;-webkit-user-select:none;user-select:none;margin:0 0 6px}#pointProps label{margin-bottom:6px;font-size:13px;display:block}#pointProps input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--fg);border-radius:6px;padding:6px;transition:background .3s,color .3s,border-color .3s}.propBtns{gap:8px;margin-top:8px;display:flex}.propBtns button{cursor:pointer;border-radius:6px;padding:6px 8px;transition:background .3s,color .3s,border-color .3s}#meta #errorMsg{color:#f43f5e;margin-top:6px}.cm-trkpt{color:#ff6b6b;font-weight:700}.cm-ele{color:#ff9f1c}.cm-time{background:#ffd70033}.cm-line.highlight-line{background-color:#ffdd574d;transition:background-color .3s}body.dark .cm-line.highlight-line{background-color:#ffe66433}.cm-current-line{background-color:#ffc83226;border-left:3px solid #fc3;transition:background-color .3s,border-color .3s}body.dark .cm-current-line{background-color:#ffe67840;border-left:3px solid #ffd65a}.CodeMirror-focused .cm-current-line{background-color:#ffdc644d}.cm-current-trkpt{box-sizing:border-box;border-left:3px solid #ffdd57;width:100%;transition:background .25s;animation:none;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffdd5759;background:#ffdd5747!important;margin:0!important;padding:0!important}body.dark .cm-current-trkpt{border-left:3px solid #ffd84d;box-shadow:inset 0 0 0 1px #ffd84d59;background:#ffdd5733!important}.cm-current-trkpt.fadein{animation:.25s ease-out fadeHighlight}@keyframes fadeHighlight{0%{background:#ffdd570d}to{background:#ffdd572e}}.line-highlight,.ele-highlight{background:#ffdd574d!important}body.dark .ele-highlight{background:#ff9f1c4d!important}.leaflet-marker-icon.marker-selected{filter:drop-shadow(0 0 5px #fc0)brightness(1.3);z-index:9999!important}#loadingModal{z-index:9999;background:#0006;justify-content:center;align-items:center;font-family:sans-serif;display:flex;position:fixed;inset:0}#loadingModal.hidden{display:none!important}#loadingBox{text-align:center;color:#333;background-color:#fff;border-radius:12px;min-width:280px;padding:20px 30px;box-shadow:0 4px 10px #0000004d}body.dark #loadingBox{color:#ccc;background-color:#222}.spinner{border:4px solid #444;border-top-color:#1f6feb;border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.dark ::-webkit-scrollbar{width:10px;height:10px}body.dark ::-webkit-scrollbar-track{background:#2b2b2b}body.dark ::-webkit-scrollbar-thumb{background:#555;border-radius:6px}body.dark ::-webkit-scrollbar-thumb:hover{background:#777}body.dark{scrollbar-color:#555 #2b2b2b;scrollbar-width:thin}@media (width<=900px){#container{flex-direction:column}#splitter{cursor:row-resize;width:100%;height:6px}#left,#sidebar{min-width:100%}}.toast{color:#fff;z-index:10000;opacity:0;background:#111827eb;border-radius:8px;padding:10px 14px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:16px;right:16px;transform:translateY(6px);box-shadow:0 6px 16px #00000040}.toast.show{opacity:1;transform:translateY(0)}body.dark .toast{color:#0f141a;background:#e6eef8f2}#chart-container canvas{height:100%!important}body.dark select option{color:#e6eef8;background:#1e2530}body.dark #topbar select,body.dark #settingsPanel select{color:#e6eef8;background:#1e2530;border-color:#ffffff26}#map.map-add-mode{cursor:crosshair}#settingsPanel{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;max-height:48px;padding:0 12px;transition:max-height .25s,padding .25s,border-color .3s;display:flex;overflow:hidden}#settingsPanel.collapsed{border-bottom-width:0;max-height:0;padding-top:0;padding-bottom:0}#settingsBody{flex-wrap:nowrap;align-items:center;gap:20px;min-height:48px;padding:8px 0;display:flex}.settings-section{flex-shrink:0;align-items:center;gap:8px;display:flex}.settings-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}#settingsPanel select{border:1px solid var(--border);background:var(--input-bg);height:28px;color:var(--fg);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:12px;transition:background .3s,color .3s,border-color .3s}body.dark #settingsPanel select{color:#e6eef8;background:#1e2530;border-color:#ffffff26}.settings-theme-btn{gap:6px;height:28px;font-size:12px;border:1px solid var(--border)!important;background:var(--input-bg)!important}.settings-theme-btn:hover{border-color:var(--accent)!important}.settings-theme-btn .icon-moon,.settings-theme-btn .label-dark,body.dark .settings-theme-btn .icon-sun,body.dark .settings-theme-btn .label-light{display:none}body.dark .settings-theme-btn .icon-moon,body.dark .settings-theme-btn .label-dark{display:inline-flex}#settingsToggleBtn.settings-open{background:var(--input-bg);border-color:var(--border);color:var(--accent)}#settingsToggleBtn.settings-open svg{opacity:1;color:var(--accent)}.propBtns button:hover{border-color:var(--accent);background-color:#ffffff14}body.dark .propBtns button:hover{background-color:#ffffff1f}