.app-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.app-title{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:10px}.app-title-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;cursor:pointer}.app-title-link:hover{color:var(--text-primary)}.app-title-beta{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-self:flex-end}.app-logo{width:30px;height:30px;object-fit:contain;display:block}.app-header-left,.app-header-right{display:flex;align-items:center;gap:10px}.app-link{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer}.app-link:hover{color:var(--text-primary);background:var(--hover)}.app-main{flex:1;display:flex;min-height:0;position:relative}.panel{display:flex;flex-direction:column;min-width:0}.panel-left{flex:0 0 clamp(300px,34vw,470px);border-right:1px solid var(--border-color)}.panel-right{flex:1}.panel-right-content{display:flex;flex-direction:column;min-height:0}.view-stage-slot{flex:1;min-height:0;display:flex;align-items:stretch}.view-stage-fallback,.app-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}.map-drawer-toggle{position:absolute;left:16px;bottom:18px;z-index:80;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:999px;padding:6px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;display:none}.map-drawer-toggle:hover{background:var(--hover)}.map-drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:45}.app-container.drawer-open .map-drawer-scrim{opacity:1;pointer-events:auto}.mobile-time-controls{display:none}.panel-content{flex:1;position:relative;min-height:0;overflow:hidden}.more-dropdown{position:relative}.more-chevron{margin-left:4px;vertical-align:middle;transition:transform .15s ease}.app-link[aria-expanded=true] .more-chevron{transform:rotate(180deg)}.more-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:4px 0;z-index:200;box-shadow:var(--shadow-md)}.more-menu-item{display:block;width:100%;text-align:left;border:none;background:none;color:var(--text-secondary);text-decoration:none;font-size:12px;font-family:inherit;padding:8px 14px;cursor:pointer;transition:background .12s ease,color .12s ease}.more-menu-item:hover{background:var(--hover);color:var(--text-primary)}.about-page{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 24px 48px;overflow-y:auto;min-height:0}.about-tabs{display:flex;gap:0;width:100%;max-width:880px;border-bottom:1px solid var(--border-color);padding-top:20px;margin-bottom:28px;flex-shrink:0}.about-tab{display:inline-flex;align-items:center;border:none;background:none;color:var(--text-muted);text-decoration:none;font-size:11px;font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.8px;padding:10px 16px;cursor:pointer;position:relative;transition:color .15s ease;white-space:nowrap}.about-tab:hover,.about-tab--active{color:var(--text-primary)}.about-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--text-primary);border-radius:1px 1px 0 0}.about-content{max-width:880px;width:100%;color:var(--text-secondary);display:flex;flex-direction:column;gap:14px}.about-kicker{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--text-muted)}.about-content h2{margin:0;font-size:24px;color:var(--text-primary)}.about-content h3{margin-top:8px;margin-bottom:0;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary)}.about-content p{margin:0;line-height:1.7;font-size:13px;color:var(--text-secondary)}.about-signature{margin-top:8px}.about-author-photo{display:block;max-width:100%;width:300px;height:auto;border-radius:8px;margin-top:20px}.about-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px;line-height:1.6;color:var(--text-secondary)}.about-list li{list-style:disc}.about-contact-list{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13px;line-height:1.6;color:var(--text-secondary);list-style:none}.about-link{color:var(--text-primary);text-decoration:none;font-size:inherit;word-break:break-word}.about-link:hover{color:var(--text-secondary)}@media(max-width:900px){.app-main{flex-direction:column}.app-container:not(.drawer-open) .panel-left{display:none}.panel-left{position:absolute;left:0;right:0;bottom:0;height:58vh;max-height:70vh;border-right:none;border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .25s ease;z-index:50}.app-container.drawer-open .panel-left{transform:translateY(0);top:0;height:100%;max-height:none;border-top:none}.app-container.drawer-open .panel-right{display:none}.panel-right{height:100%}.map-drawer-toggle{display:inline-flex;align-items:center;justify-content:center}.map-drawer-scrim{display:none}.mobile-time-controls{display:block;flex-shrink:0}}@media(max-width:600px){.app-header{flex-direction:row;gap:8px;padding:8px 12px}.app-title{font-size:16px}.app-logo{width:24px;height:24px}.app-link{font-size:11px;padding:4px 10px}.panel-left{height:65vh;max-height:75vh}.about-content h2{font-size:20px}.about-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:12px;margin-bottom:20px}.about-tabs::-webkit-scrollbar{display:none}.about-tab{font-size:10px;padding:8px 10px}}.time-controls{position:absolute;bottom:20px;left:20px;width:fit-content;max-width:calc(100vw - 40px);background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.time-row{display:flex;align-items:center;gap:12px}.segment-group{display:flex;align-items:center;gap:5px}.segment-control{display:flex;flex-direction:column;align-items:center;gap:3px}.segment-separator{color:var(--overlay-text);font-size:13px;font-weight:700;line-height:1;margin:0 1px;text-align:center}.step-btn-vertical{width:18px;height:14px;border-radius:4px;font-size:0;line-height:0}.step-btn{border:none;background:var(--overlay-border);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.step-btn:hover{background:var(--overlay-border-strong);color:var(--overlay-text)}.step-btn:active{background:#fff3;transform:scale(.95)}.segment-input{width:34px;height:24px;border:1px solid var(--overlay-border);background:#0000004d;color:var(--overlay-text);border-radius:4px;font-size:12px;font-weight:500;text-align:center;font-family:JetBrains Mono,monospace;padding:0 2px;line-height:1}.segment-input-year{width:58px}.segment-input:focus{outline:none;border-color:var(--overlay-border-strong);background:#00000080}.segment-input::-webkit-outer-spin-button,.segment-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.segment-input[type=number]{-moz-appearance:textfield}.now-btn{background:var(--overlay-border);border:1px solid var(--overlay-border-strong);color:#ffffffb3;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.now-btn:hover{background:var(--overlay-border-strong);color:var(--overlay-text)}.now-btn:active{transform:scale(.98)}.now-btn-icon{width:30px;height:30px;border-radius:999px;padding:0}.btn-icon-svg{width:20px;height:20px;display:block}.btn-icon-play{width:26px;height:26px;transform:translate(1.2px)}.now-btn-icon[aria-label*=Pause] .btn-icon-svg,.now-btn-icon[aria-label*=Play] .btn-icon-svg{width:21px;height:21px}.time-actions{display:flex;align-items:center;gap:6px}.now-btn-speed{width:48px;height:30px;border-radius:999px;padding:0;font-size:12px;font-weight:700;line-height:1;letter-spacing:.2px}@media(max-width:900px){.mobile-time-controls .time-controls{width:100%;max-width:none;padding:8px 6px}.mobile-time-controls .time-row{justify-content:center;gap:6px}.mobile-time-controls .segment-group{gap:3px}.mobile-time-controls .segment-input{width:30px;height:22px;font-size:11px}.mobile-time-controls .segment-input-year{width:52px}.mobile-time-controls .step-btn-vertical{width:16px;height:12px}.mobile-time-controls .segment-separator{font-size:11px}.mobile-time-controls .now-btn-icon{width:28px;height:28px}.mobile-time-controls .btn-icon-svg{width:18px;height:18px}.mobile-time-controls .time-actions{gap:4px}.mobile-time-controls .now-btn-speed{width:44px;height:28px;font-size:11px;padding:0}}.daylight-arc-panel{padding:10px 12px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.daylight-arc{width:100%;height:140px;display:block;border-radius:10px;overflow:hidden}.daylight-arc.interactive{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.daylight-now-line{stroke:#ffffffbf;stroke-width:2.2;pointer-events:none}.daylight-now-group{transition:transform .25s ease}.daylight-arc.dragging .daylight-now-group,.daylight-arc.dragging .arc-marker{transition:none}.daylight-now-hit{stroke:transparent;stroke-width:18;pointer-events:stroke}.daylight-arc.interactive .daylight-now-line{pointer-events:none}.daylight-arc.interactive .daylight-now-group:hover .daylight-now-line,.daylight-arc.dragging .daylight-now-line{stroke:#fffffff2;stroke-width:3}.daylight-grid{stroke:#596f788c;stroke-width:2.2;shape-rendering:crispEdges}.daylight-horizon{stroke:#0006;stroke-width:1.2}.daylight-curve{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.daylight-alt-label{font-size:10px;font-weight:600;fill:#fffc;paint-order:stroke;stroke:#00000080;stroke-width:2}.arc-marker{fill:#fff;stroke-width:2;transition:cx .25s ease,cy .25s ease}.daylight-hour{font-size:10px;font-weight:600;fill:#fffc;stroke:#00000073;stroke-width:2;paint-order:stroke;letter-spacing:.5px}.swiss-map-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.map-controls{padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:relative;z-index:600}.map-controls-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch}.distance-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 4px;color:var(--text-muted)}.distance-icon{font-size:12px;opacity:.6;color:var(--text-muted);line-height:1;display:flex;align-items:center}.distance-line{font-size:10px;letter-spacing:-2px;margin:0 -1px}.distance-value{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.map-search-overlay{position:absolute;top:12px;left:12px;z-index:520;display:flex;align-items:flex-start;flex-direction:column}.map-search-overlay.expanded{width:280px}.map-search-overlay input{width:100%;padding:8px 32px 8px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:12px}.map-search-overlay input:focus{outline:none;border-color:var(--accent-subtle)}.map-search-btn{width:34px;height:34px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer}.map-search-btn:hover{background:var(--hover);color:var(--text-primary)}.search-close-btn{position:absolute;right:6px;top:6px;width:22px;height:22px;border:none;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.search-close-btn:hover{background:var(--hover);color:var(--text-primary)}.map-search-overlay .search-status{position:absolute;right:32px;top:9px;font-size:10px;color:var(--text-muted)}.map-search-overlay .search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;z-index:400;display:flex;flex-direction:column;overflow:hidden;max-height:200px}.map-search-overlay .search-result{text-align:left;padding:8px 10px;background:transparent;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer}.map-search-overlay .search-result:hover{background:var(--hover);color:var(--text-primary)}.map-right-controls{position:absolute;top:12px;right:12px;z-index:520;display:flex;flex-direction:column;gap:8px}.info-button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 4px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:4px;min-height:32px;text-align:left}.info-button .button-icon{display:inline-flex;align-items:center}.info-button .button-icon img{width:20px;height:20px;display:block}.info-button .button-text{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.info-button .button-title{letter-spacing:.4px;font-weight:700}.info-button .button-reading{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;color:var(--text-muted)}.info-button .button-actions{display:flex;flex-direction:column;gap:2px;margin-left:auto;padding-left:6px}.info-button .action-btn{width:20px;height:20px;border-radius:3px;border:1px solid var(--border-color);background:var(--bg-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:background .15s,color .15s;padding:0}.info-button .action-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.info-button .action-btn:active{background:var(--border-color)}.celestial-summary{display:flex;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.celestial-section{padding:10px 12px}.celestial-section.sun-section{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding:8px 12px}.celestial-section.moon-section{padding:10px 12px}.celestial-title{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.celestial-header{display:flex;align-items:center;justify-content:space-between}.celestial-riseset{display:flex;align-items:center;gap:12px}.riseset-item{display:flex;align-items:center;gap:4px;font-size:11px}.riseset-arrow{font-size:12px;font-weight:600}.sun-section .riseset-arrow{color:var(--accent-sun)}.moon-section .riseset-arrow{color:var(--accent-moon)}.riseset-time{color:var(--text-secondary);font-weight:600;font-variant-numeric:tabular-nums}.layer-selector{position:relative}.layer-btn{width:34px;height:34px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.layer-btn:hover{background:var(--hover)}.layer-btn.active{background:var(--accent-subtle)}.layer-icon{width:18px;height:18px;display:block}.layer-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:160px;z-index:600}.layer-menu-section{display:flex;flex-direction:column;gap:2px}.layer-menu-title{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:4px 8px 2px}.layer-menu-divider{height:1px;background:var(--border-color);margin:6px 0}.layer-option{padding:6px 8px;text-align:left;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:11px;border-radius:4px}.layer-option:hover{background:var(--hover);color:var(--text-primary)}.layer-option.active{background:var(--accent-subtle);color:var(--text-primary);border-color:var(--accent)}.map-stage{position:relative;flex:1;min-height:0}.map-instance{flex:1;width:100%;height:100%;cursor:grab;-webkit-user-select:none;user-select:none}.map-instance *{-webkit-user-select:none;user-select:none}.map-instance.leaflet-dragging,.leaflet-grabbing .map-instance,.map-instance.leaflet-dragging .custom-marker-icon,.leaflet-grabbing .map-instance .custom-marker-icon{cursor:grabbing}.map-geo-btn{width:34px;height:34px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.map-geo-btn:hover{background:var(--hover)}.map-geo-btn img{width:18px;height:18px;display:block}.map-time-controls{display:flex;justify-content:center;padding:10px 12px 12px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.map-time-controls .time-controls{position:static;width:fit-content;max-width:100%;margin:0 auto;background:transparent;border:none;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.moon-details{display:flex;align-items:center;gap:12px;margin-top:8px}.moon-details-info{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-secondary)}.moon-summary-row{display:flex;gap:8px}.moon-summary-label{min-width:110px;color:var(--text-muted)}.moon-summary-value{color:var(--text-secondary);font-weight:600}.moon-summary-visual{margin-left:auto;display:flex;align-items:center;justify-content:flex-end}.moon-preview{width:72px;height:72px;border-radius:50%;overflow:hidden;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center}.moon-preview-image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08)}.custom-marker-icon{background:transparent!important;border:none!important;cursor:move}.camera-heading-marker{background:transparent!important;border:none!important;pointer-events:none}.camera-heading-arrow{width:56px;height:56px;position:relative}.camera-heading-arrow:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);width:2px;height:34px;background:#000;border-radius:1px}.camera-heading-arrow:before{content:"";position:absolute;left:50%;top:calc(50% - 44px);transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #000}.leaflet-default-icon-path{display:none}.map-context-menu{z-index:1000;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--overlay-border);border-radius:6px;padding:3px;box-shadow:var(--shadow-md);transform:translate(0);max-width:calc(100% - 16px);max-height:calc(100% - 16px);position:relative}.map-context-menu:before{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);border:11px solid transparent;border-top-color:var(--overlay-border);border-bottom:0;pointer-events:none}.map-context-menu:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:var(--overlay-bg);border-bottom:0;pointer-events:none}.context-menu-row{display:flex;align-items:center}.context-menu-row .context-menu-item{flex:1;padding-right:2px}.context-menu-close{flex-shrink:0;background:transparent;border:none;color:var(--overlay-text);font-size:13px;cursor:pointer;padding:2px 5px;line-height:1;opacity:.45;transition:opacity .15s;border-radius:3px}.context-menu-close:hover{opacity:1;background:var(--overlay-border)}.map-bounds-warning{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#b43c28eb;color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;z-index:1100;pointer-events:none;animation:boundsWarnFade 3s ease-out forwards}@keyframes boundsWarnFade{0%,70%{opacity:1}to{opacity:0}}.map-context-menu .context-menu-item{display:flex;align-items:center;gap:5px;width:100%;padding:4px 8px;text-align:left;background:transparent;border:none;color:var(--overlay-text);font-size:12px;cursor:pointer;transition:background .1s;border-radius:3px;white-space:nowrap}.map-context-menu .context-menu-icon{width:13px;height:13px;opacity:.85}.map-context-menu .context-menu-item:hover{background:var(--overlay-border)}.map-context-menu .context-menu-item:active{background:var(--overlay-border-strong)}@media(max-width:900px){.app-container.drawer-open .panel-left .celestial-summary{display:none}.app-container.drawer-open .panel-left .map-controls{display:block}.app-container.drawer-open .panel-left .map-time-controls{border-top:none}.app-container.drawer-open .panel-left .daylight-arc-panel,.map-time-controls{display:none}.map-search-overlay.expanded{width:200px}}.saved-view-marker-icon{filter:brightness(0);opacity:.85}.saved-view-cluster-wrapper{background:transparent!important;border:none!important}.saved-view-cluster{width:28px;height:28px;position:relative;display:flex;align-items:center;justify-content:center}.saved-view-cluster img{width:22px;height:22px;filter:brightness(0);opacity:.85}.saved-view-cluster-count{position:absolute;top:-4px;right:-4px;background:var(--overlay-bg);border:1px solid var(--overlay-border-strong);color:var(--overlay-text);font-size:9px;font-weight:700;border-radius:8px;padding:0 4px;line-height:14px;min-width:14px;text-align:center}.saved-view-map-popup .leaflet-popup-content-wrapper{background:var(--overlay-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid var(--overlay-border)!important;border-radius:6px!important;box-shadow:var(--shadow-md)!important;padding:0!important;color:var(--overlay-text)!important;font-family:JetBrains Mono,monospace!important;font-size:12px!important}.saved-view-map-popup .leaflet-popup-content{margin:0!important;width:auto!important;color:var(--overlay-text)!important;font-family:JetBrains Mono,monospace!important;font-size:12px!important;line-height:1.4!important}.saved-view-map-popup .leaflet-popup-tip{background:var(--overlay-bg)!important}.saved-view-map-popup .leaflet-popup-tip-container{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.saved-view-popup-content{display:flex;flex-direction:column;padding:3px;min-width:150px}.saved-view-popup-name{display:flex;align-items:center;gap:5px;padding:3px 3px 3px 8px;font-size:12px;font-weight:600;color:var(--overlay-text);border-bottom:1px solid var(--overlay-border);margin-bottom:2px}.saved-view-popup-name-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-view-popup-icon{width:12px;height:12px;filter:brightness(10);opacity:.7;flex-shrink:0}.saved-view-popup-content .context-menu-close{flex-shrink:0;margin-left:auto}.saved-view-popup-content .context-menu-item{display:flex;align-items:center;gap:5px;width:100%;padding:4px 8px;text-align:left;background:transparent;border:none;color:var(--overlay-text);font-size:12px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:background .1s;border-radius:3px;white-space:nowrap}.saved-view-popup-content .context-menu-item:hover{background:var(--overlay-border)}.saved-view-popup-content .context-menu-item:active{background:var(--overlay-border-strong)}.context-menu-item-danger{color:#e07070!important}.context-menu-item-danger:hover{color:#ff9090!important}.mobile-bottom-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border-color);overflow:hidden;max-height:42vh;flex-shrink:0}.mobile-bottom-panel-pages{position:relative;overflow:hidden;height:170px;flex-shrink:0}.mobile-bottom-panel-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-bottom-panel-inner{padding:6px 10px 2px}.mobile-bottom-panel-inner .time-controls{position:static;width:100%;background:transparent;border:none;border-radius:0;padding:4px 4px 2px;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-bottom-panel-inner .time-row{gap:4px}.mobile-bottom-panel-inner .segment-control{gap:2px}.mobile-bottom-panel-inner .step-btn-vertical{width:12px;height:8px}.mobile-bottom-panel-combined{display:flex;flex-direction:column;gap:0;padding:6px 10px 2px}.mobile-bottom-panel-arc-wrap{margin-top:2px}.mobile-bottom-panel-arc-wrap .daylight-arc-panel{padding:0;background:transparent;border-top:none}.mobile-bottom-panel-arc-wrap .daylight-arc{height:110px}.mobile-bottom-panel-celestial .celestial-summary{border-top:none}.mobile-bottom-panel-celestial .celestial-section,.mobile-bottom-panel-celestial .celestial-section.sun-section,.mobile-bottom-panel-celestial .celestial-section.moon-section{padding:6px 10px}.mobile-bottom-panel-nav{display:flex;justify-content:center;align-items:center;gap:6px;padding:2px 8px 6px;flex-shrink:0}.mobile-bottom-panel-arrow{width:24px;height:24px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:16px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s ease,color .2s ease}.mobile-bottom-panel-arrow:hover:not(:disabled){background:var(--hover);color:var(--text-primary)}.mobile-bottom-panel-arrow:disabled{opacity:.4;cursor:not-allowed}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal{position:relative;background:var(--bg-secondary);border:1px solid var(--overlay-border-strong);border-radius:10px;box-shadow:var(--shadow-lg);padding:28px 28px 24px;width:320px;max-width:calc(100vw - 32px)}.auth-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1}.auth-close:hover{color:var(--text-primary);background:var(--hover)}.auth-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-secondary);font-weight:500}.auth-input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;padding:7px 10px;border-radius:6px;outline:none;width:100%;box-sizing:border-box}.auth-input:focus{border-color:var(--accent)}.auth-error{font-size:12px;color:#e07070;margin:0}.auth-info{font-size:12px;color:var(--accent-moon);margin:0}.auth-submit{margin-top:4px;background:var(--accent);border:1px solid var(--accent);color:var(--text-primary);font-size:13px;font-weight:600;padding:9px 12px;border-radius:6px;cursor:pointer;transition:background .15s}.auth-submit:hover:not(:disabled){background:var(--active)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-links{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.auth-link-btn{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-link-btn:hover{color:var(--text-secondary)}.auth-avatar-wrap{position:relative}.auth-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);border:1px solid var(--overlay-border-strong);color:var(--text-primary);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.auth-avatar:hover{background:var(--active)}.auth-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-secondary);border:1px solid var(--overlay-border-strong);border-radius:8px;box-shadow:var(--shadow-md);min-width:180px;padding:6px 0;z-index:200}.auth-dropdown-email{display:block;padding:6px 14px 8px;font-size:11px;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:7px 14px;font-size:12px;color:var(--text-secondary);cursor:pointer}.auth-dropdown-item:hover{background:var(--hover);color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #213038;--bg-secondary: #293a43;--bg-tertiary: #31434d;--text-primary: #e8edf1;--text-secondary: #c6d0d6;--text-muted: #99a6ad;--border-color: #3b4c55;--accent: #3d5a6e;--accent-subtle: #2e4856;--hover: #2d444f;--active: #365163;--accent-sun: #ffd54a;--accent-moon: #7fd3ff;--overlay-bg: rgba(10, 10, 10, .92);--overlay-border: rgba(255, 255, 255, .1);--overlay-border-strong: rgba(255, 255, 255, .15);--overlay-text: rgba(255, 255, 255, .9);--overlay-text-muted: rgba(255, 255, 255, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y}body{font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.leaflet-container{background:var(--bg-primary)!important}.leaflet-tile-pane{filter:none}.leaflet-control-zoom a,.leaflet-control-attribution{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}.leaflet-control-zoom a:hover{background:var(--hover)!important;color:var(--text-primary)!important}.leaflet-control-attribution a{color:var(--text-muted)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}button{font-family:inherit;cursor:pointer;transition:all .15s ease}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--border-color);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-primary);border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-track{height:4px;background:var(--border-color);border-radius:2px}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--text-primary);border-radius:50%;border:none}