.map-page-root{box-sizing:border-box;background:#f3f4f9;grid-template-columns:minmax(320px,1.05fr) minmax(0,1fr);gap:0;height:100vh;padding:0;display:grid;overflow:hidden}.map-pane{height:100vh;position:relative;overflow:hidden}.map-surface{height:100%;box-shadow:none;background:#fff;border:none;border-radius:0;position:relative;overflow:hidden}.map-panel{z-index:1;width:100%;height:100%;position:relative}.map-panel .leaflet-container{z-index:1;background:#dbeafe;width:100%;height:100%;position:relative}.map-panel .leaflet-control-zoom,.map-panel .leaflet-control-zoom a{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.map-panel .leaflet-pane{z-index:auto!important}.map-panel .leaflet-top,.map-panel .leaflet-bottom{z-index:1050!important}.map-panel .leaflet-top.leaflet-right .leaflet-control-attribution{border-radius:var(--wpa-radius-sm);margin:6px 10px 0 0}.map-hud{pointer-events:none;z-index:1100;flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;left:8px}.map-hud__coord-card,.map-hud__zoom-card,.map-hud__grid-card{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #94a3b873;border-radius:8px;min-width:136px;padding:4px 8px;box-shadow:0 6px 18px #0f172a1f}.map-hud__coord-card{cursor:context-menu;justify-content:center;align-items:center;display:flex}.map-hud__coord-value{color:#0f172a;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.76rem}.map-hud__zoom-card{align-items:center;gap:4px;display:flex}.map-hud__zoom-input{color:#0f172a;text-align:left;background:0 0;border:none;outline:none;width:40px;padding:0;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.76rem}.map-hud__zoom-input:focus{outline:none}.map-hud__zoom-label{color:#64748b;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.68rem}.map-hud__grid-card{pointer-events:auto;padding:6px 10px}.map-hud__grid-label{cursor:pointer;color:#0f172a;-webkit-user-select:none;user-select:none;pointer-events:auto;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.map-hud__grid-label input[type=checkbox]{cursor:pointer;pointer-events:auto;width:14px;height:14px}.map-hud__grid-label span{pointer-events:auto}.map-hud__auth-card{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #94a3b873;border-radius:8px;padding:6px 10px;box-shadow:0 6px 18px #0f172a1f}.map-hud__auth-info{flex-direction:column;gap:4px;display:flex}.map-hud__auth-email{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.7rem;font-weight:500;overflow:hidden}.map-hud__auth-button{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:4px;padding:2px 8px;font-size:.7rem;transition:background-color .15s,color .15s}.map-hud__auth-button:hover{color:#fff;background-color:#dc2626}.map-hud__auth-link{color:#0070f3;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s}.map-hud__auth-link:hover{color:#0051cc;text-decoration:underline}.map-hud__geo-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#0f172a;pointer-events:auto;white-space:nowrap;background:#ffffffeb;border:1px solid #94a3b873;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:background .15s;display:flex;box-shadow:0 6px 18px #0f172a1f}.map-hud__geo-btn:hover:not(:disabled){background:#eff6fff5;border-color:#93c5fd}.map-hud__geo-btn:disabled{opacity:.6;cursor:not-allowed}.map-hud__geo-btn .material-symbols-outlined{color:#2563eb;line-height:1}.map-hud__geo-btn--loading .material-symbols-outlined{animation:1s linear infinite map-hud-spin}@keyframes map-hud-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-hud__geo-msg{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;background:#ffffffeb;border:1px solid #94a3b873;border-radius:8px;max-width:200px;padding:4px 8px;font-size:.72rem;line-height:1.4;box-shadow:0 6px 18px #0f172a1f}.map-hud__geo-denied{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #fca5a5;border-radius:8px;max-width:210px;padding:8px 10px;position:relative;box-shadow:0 6px 18px #0f172a1f}.map-hud__geo-denied-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1;position:absolute;top:4px;right:6px}.map-hud__geo-denied-close:hover{color:#374151}.map-hud__geo-denied-title{color:#dc2626;margin:0 0 6px;padding-right:14px;font-size:.72rem;font-weight:700}.map-hud__geo-denied-ios,.map-hud__geo-denied-android{color:#374151;margin:0 0 4px;font-size:.7rem;line-height:1.5}.map-hud__settings-card{pointer-events:auto;position:relative}.map-hud__settings-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#475569;background:#ffffffeb;border:1px solid #94a3b873;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s,color .15s;display:flex;position:relative;box-shadow:0 6px 18px #0f172a1f}.map-hud__settings-btn:hover{color:#0f172a;background:#f1f5f9f2}.map-hud__settings-btn:disabled{opacity:.6;cursor:default}.map-hud__settings-btn .material-symbols-rounded{font-size:18px}.map-hud__settings-btn--saving .material-symbols-rounded{animation:1s linear infinite map-hud-spin}.map-hud__settings-dot{background:#2563eb;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.map-hud__settings-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff5;border:1px solid #94a3b873;border-radius:8px;min-width:148px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0f172a29}.map-hud__settings-item{text-align:left;color:#0f172a;cursor:pointer;background:0 0;border:none;width:100%;padding:9px 12px;font-size:.78rem;font-weight:500;transition:background-color .12s;display:block}.map-hud__settings-item:hover{background:#f1f5f9e6}.map-hud__settings-item--danger{color:#dc2626}.map-hud__settings-item--danger:hover{background:#fee2e299}.map-dock{pointer-events:none;z-index:1000;justify-content:center;width:100%;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.map-dock>section{pointer-events:auto;width:min(720px,100%)}.map-dock__surface{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0f172ac7;border:1px solid #94a3b873;border-radius:20px 20px 0 0;flex-direction:column;width:min(720px,100%);max-height:64px;transition:max-height .35s,box-shadow .35s,transform .35s;display:flex;overflow:hidden;transform:none;box-shadow:0 24px 40px #0f172a47}.map-dock__surface[data-expanded=true]{max-height:clamp(280px,35vh,380px);box-shadow:0 32px 48px #0f172a52}.map-dock__surface[data-expanded=false]{transform:translateY(14px)}.map-dock__header{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.map-dock__tabs{align-items:center;gap:8px;display:flex}.map-dock__tab{appearance:none;color:#e2e8f0b8;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 10px;font-size:.9rem;font-weight:600;transition:color .2s,background .2s}.map-dock__tab:hover,.map-dock__tab:focus-visible{color:#f8fafc;background:#e2e8f01f;outline:none}.map-dock__tab--active{color:#0f172a;background:#f8fafc;box-shadow:0 6px 18px #0f172a38}.map-dock__toggle-icon{pointer-events:none;color:#fff;border-bottom:2px solid;border-left:2px solid;width:12px;height:12px;margin-left:auto;transition:transform .2s;display:inline-block;transform:rotate(135deg)}.map-dock__surface[data-expanded=true] .map-dock__toggle-icon{transform:rotate(-45deg)}.map-dock__content{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;flex:auto;min-height:0;padding:0 12px;transition:opacity .25s 50ms,visibility .25s 50ms;display:flex}.map-dock__surface[data-expanded=true] .map-dock__content{opacity:1;visibility:visible;pointer-events:auto}.map-dock__content-inner{color:#0f172a;background:#fff;border-radius:12px 12px 0 0;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #94a3b826}.map-dock__content-scroll{scrollbar-gutter:stable;flex:auto;min-height:0;padding:16px;overflow:auto}.map-dock__panel-content h3{margin:0 0 8px;font-size:1rem;font-weight:600}.map-dock__panel-content p{color:#64748b;margin:0;font-size:.9rem}.map-dock__spot-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.map-dock__spot-item{text-align:left;cursor:pointer;color:#f8fafc;background:0 0;border:none;border-radius:12px;gap:2px;width:100%;padding:8px 12px;transition:background .2s;display:grid}.map-dock__spot-item:focus-visible{outline-offset:2px;outline:2px solid #fff6}.map-dock__spot-item:hover{background:#ffffff14}.map-dock__spot-name{letter-spacing:.01em;font-size:.92rem;font-weight:600}.map-dock__spot-meta{color:#e2e8f0bd;font-size:.72rem}.map-dock__status{color:#cbd5f5;font-size:.85rem}.map-dock__status--error{color:#fca5a5}.forecast-pane{background:0 0;min-height:100vh;overflow-y:auto}.forecast-pane-root{padding:18px}.forecast-pane-card{background:#fff;border:1px solid #e3e6ec;border-radius:16px;gap:10px;padding:28px 24px;display:grid;box-shadow:0 14px 28px #0f172a1f}.forecast-pane-card h2{color:#1f2937;margin:0;font-size:1.2rem}.forecast-pane-card p{color:#4b5563;margin:0;line-height:1.6}.forecast-pane-selection{background:#0066cc14;border:1px solid #0066cc3d;border-radius:12px;gap:4px;padding:12px;display:grid}.forecast-pane-selection__label{color:var(--wpa-btn-primary-hover);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem}.forecast-pane-selection__name{color:#0f172a;margin:0;font-size:1.1rem;font-weight:600}.forecast-pane-selection__coords{color:#1f2937;margin:0;font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem}.forecast-pane-selection__hint{color:#475569;margin:0;font-size:.78rem}@media (max-width:1120px){.map-page-root{grid-template-columns:minmax(0,1fr)}.forecast-pane{min-height:auto;max-height:none}.map-surface{min-height:520px}}@media (max-width:768px){.map-page-root{gap:12px;padding:12px}.map-dock__tabs{gap:6px}.map-dock__tab{padding:8px 14px}.map-hud{top:12px;left:12px}}@media (max-width:479px){.map-dock{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);justify-content:stretch}.map-dock>section{width:100%;max-width:none}}.map-ui-spot-marker{--map-ui-marker-main:#e11d48;--map-ui-marker-shadow:#e11d4861;--map-ui-marker-outline-color:#3a3a3a;width:18px;height:18px;position:relative;top:-8px}.map-ui-spot-marker:before{content:"";background:var(--map-ui-marker-main);box-shadow:0 0 0 .6px var(--map-ui-marker-outline-color), 0 3px 10px var(--map-ui-marker-shadow);transform-origin:50%;border:1.5px solid #fff;border-radius:50% 50% 0;position:absolute;inset:0;transform:rotate(45deg)}.map-ui-spot-marker--preset{--map-ui-marker-main:#e11d48;--map-ui-marker-shadow:#e11d4861}.map-ui-spot-marker--preset-unpublished{--map-ui-marker-main:#c4a5aa;--map-ui-marker-shadow:#c4a5aa61}.map-ui-spot-marker--myspot{--map-ui-marker-main:#fa3;--map-ui-marker-shadow:#ffaa3361}.map-ui-spot-marker:after{content:"";z-index:1;background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:6px}.map-crosshair{pointer-events:none;z-index:900;transform:translateY(var(--map-crosshair-shift,0%));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-crosshair:before,.map-crosshair:after{content:"";background:#94a3b8cc;position:absolute;box-shadow:0 0 3px #0f172a4d}.map-crosshair:before{width:26px;height:1px}.map-crosshair:after{width:1px;height:26px;top:50%;left:50%;transform:translate(-50%,-50%)}.map-crosshair--spot-selected:after{height:13px;transform:translate(-50%)!important}