.map-container{flex:1;height:100%}@media (max-width: 767px){.map-container{height:100dvh;width:100vw;flex:none}}.sidebar{width:300px;min-width:300px;background:var(--bg-sidebar);display:flex;flex-direction:column;border-right:1px solid var(--border);z-index:1000;overflow:hidden;position:relative}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(180deg,transparent 0px,transparent 3px,rgba(255,255,255,.009) 3px,rgba(255,255,255,.009) 4px);pointer-events:none;z-index:0}.sidebar>*{position:relative;z-index:1}.sidebar-header{padding:28px 24px 22px;border-bottom:1px solid var(--border)}.logo-eyebrow{display:block;font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.logo-title{font-family:Cormorant Garamond,serif;font-size:34px;font-weight:700;color:var(--text-primary);letter-spacing:5px;text-transform:uppercase;line-height:1}.logo-rule{margin-top:14px;height:1px;width:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-border) 60%,transparent 100%)}.waypoint-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 10px}.section-title{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted)}.section-count{font-family:Fira Code,monospace;font-size:12px;color:var(--accent);background:var(--accent-muted);border:1px solid var(--accent-border);border-radius:10px;padding:1px 7px;letter-spacing:0}.waypoint-list{flex:1;overflow-y:auto;padding:0 12px 8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.empty-state{padding:40px 16px;text-align:center}.empty-icon{color:var(--text-muted);margin-bottom:16px;opacity:.6}.empty-title{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.5px}.empty-hint{font-family:Cormorant Garamond,serif;font-style:italic;font-size:13px;color:var(--text-muted);line-height:1.7}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.waypoint-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:3px;margin-bottom:3px;background:var(--bg-item);border:1px solid transparent;animation:slideIn .22s ease-out both;transition:border-color .2s,background .2s}.waypoint-item:hover{background:var(--bg-item-hover);border-color:var(--border-subtle)}.waypoint-number{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fira Code,monospace;font-size:12px;font-weight:400;flex-shrink:0}.waypoint-number.start{background:#6aaa821f;color:var(--start);border:1px solid rgba(106,170,130,.28)}.waypoint-number.mid{background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border)}.waypoint-number.end{background:#c0582e1f;color:var(--end);border:1px solid rgba(192,88,46,.28)}.waypoint-info{flex:1;min-width:0}.waypoint-label{display:block;font-family:Cormorant Garamond,serif;font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;letter-spacing:.3px}.waypoint-coords{display:block;font-family:Fira Code,monospace;font-size:11px;color:var(--text-secondary);margin-top:2px;letter-spacing:-.2px}.waypoint-role-tag{font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;flex-shrink:0;width:30px;text-align:right}.waypoint-role-tag.start{color:var(--start)}.waypoint-role-tag.end{color:var(--end)}.waypoint-role-tag.mid{color:transparent}.layer-section{border-top:1px solid var(--border)}.layer-picker{display:flex;flex-wrap:wrap;gap:5px;padding:8px 24px 14px}.layer-btn{padding:4px 10px;border-radius:2px;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--text-muted);transition:background .15s,border-color .15s,color .15s}.layer-btn:hover{border-color:var(--accent-border);color:var(--text-secondary)}.layer-btn.active{background:var(--accent-muted);border-color:var(--accent-border);color:var(--accent)}.sidebar-actions{padding:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.action-hint{font-family:Cormorant Garamond,serif;font-style:italic;font-size:12px;color:var(--text-muted);text-align:center;padding:2px 0 4px}.btn{padding:11px 16px;border-radius:2px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .1s;text-align:center}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.btn-ghost:not(:disabled):hover{border-color:var(--accent-border);color:var(--text-secondary)}.btn-secondary{background:transparent;border:1px solid var(--accent-border);color:var(--accent)}.btn-secondary:not(:disabled):hover{background:var(--accent-muted);border-color:var(--accent)}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:var(--bg-base);font-weight:800}.btn-primary:not(:disabled):hover{background:var(--accent-bright);border-color:var(--accent-bright)}.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active{transform:scale(.985)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(500%)}}.progress-track{height:2px;background:var(--bg-item);border-radius:1px;overflow:hidden;margin-top:2px}.progress-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .12s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:shimmer 1.6s ease-in-out infinite}.layer-labels-row{display:flex;align-items:center;gap:8px;padding:0 24px 14px}.layer-labels-hint{font-size:12px;color:var(--text-muted);opacity:.6}.follow-toggle.disabled{opacity:.4;cursor:not-allowed}.follow-row{display:flex;align-items:center;gap:12px}.slider-row{display:flex;flex-direction:column;gap:6px}.slider-label-row{display:flex;justify-content:space-between;align-items:baseline}.slider-label{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);opacity:.7}.slider-value{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-primary);opacity:.9}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer;transition:opacity .15s}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent, #4a90e2);cursor:pointer;box-shadow:0 1px 4px #0000004d;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--accent, #4a90e2);cursor:pointer;box-shadow:0 1px 4px #0000004d}.slider:disabled{opacity:.4;cursor:not-allowed}.slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.follow-toggle{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.follow-toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border);border-radius:3px;background:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:background .15s,border-color .15s}.follow-toggle input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.follow-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border:1.5px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.follow-toggle input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.follow-toggle:has(input:disabled){opacity:.4;cursor:not-allowed}.sidebar-about a{color:inherit;text-decoration:underline;text-underline-offset:2px;opacity:.8}.sidebar-about a:hover{opacity:1}.sidebar-about{padding:12px 20px;font-size:13px;color:#888;text-align:center;border-top:1px solid #e8e4dd;margin-top:auto}.mobile-handle{display:none}@media (max-width: 767px){.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;min-width:0;max-height:88dvh;height:auto;border-right:none;border-top:1px solid var(--border);border-radius:14px 14px 0 0;transform:translateY(calc(100% - 56px));transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:2000;overflow-y:auto;overflow-x:hidden}.sidebar.mobile-open{transform:translateY(0)}.mobile-handle{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px 8px;cursor:pointer;min-height:56px;flex-shrink:0;-webkit-user-select:none;user-select:none}.mobile-handle-pill{width:36px;height:4px;background:var(--border);border-radius:2px}.mobile-handle-row{display:flex;align-items:center;gap:10px;width:100%}.mobile-handle-title{font-family:Cormorant Garamond,serif;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.mobile-handle-count{flex:1;font-size:12px;color:var(--text-muted);letter-spacing:.5px}.mobile-handle-progress{font-family:Fira Code,monospace;font-size:12px;color:var(--accent)}.sidebar-header{display:none}.waypoint-section{max-height:40vh}.btn{padding:14px 16px;font-size:13px}.layer-btn{padding:7px 12px;font-size:12px}.sidebar-about{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.app{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden}.mobile-block{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#1a1a2e;align-items:center;justify-content:center;padding:2rem;text-align:center}.mobile-block-content h1{font-size:2rem;color:#fff;margin-bottom:1rem}.mobile-block-content p{color:#aaa;font-size:1.1rem;line-height:1.6;max-width:320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0d1209;--bg-sidebar: #121a0f;--bg-item: #182014;--bg-item-hover: #1e2a19;--accent: #c9a84c;--accent-bright: #d4b05a;--accent-muted: rgba(201, 168, 76, .14);--accent-border: rgba(201, 168, 76, .22);--text-primary: #f0e8d0;--text-secondary: #a8b89a;--text-muted: #6e8060;--border: rgba(201, 168, 76, .14);--border-subtle: rgba(201, 168, 76, .07);--start: #6aaa82;--mid: #c9a84c;--end: #c0582e}html,body,#root{height:100%;width:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:Cormorant Garamond,Georgia,serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}