@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-accent:#3b82f6;--color-success:#22c55e;--color-warning:#eab308;--color-error:#ef4444}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.text-accent{color:var(--color-accent)}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:system-ui,-apple-system,sans-serif}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary);z-index:1000;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:.5rem 1rem;display:flex}.header-left,.header-right{align-items:center;gap:.5rem;display:flex}.header-center{flex:1;max-width:400px;margin:0 1rem}.logo{align-items:center;gap:.5rem;display:flex}.logo-icon{font-size:1.25rem}.logo-text{font-size:1.1rem;font-weight:700}.text-accent{color:var(--color-accent)}.icon-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:background .2s,color .2s;display:flex}.icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.search-box{width:100%;display:flex}.search-input{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);color:var(--color-text-primary);border-right:none;border-radius:.375rem 0 0 .375rem;flex:1;padding:.5rem .75rem;font-size:.875rem}.search-input::placeholder{color:var(--color-text-secondary)}.search-input:focus{border-color:var(--color-accent);outline:none}.search-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);cursor:pointer;border-radius:0 .375rem .375rem 0;padding:.5rem .75rem}.search-btn:hover{background:var(--color-accent)}.app-body{flex:1;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-bg-tertiary);z-index:100;flex-shrink:0;width:260px;transition:margin-left .3s;overflow-y:auto}.sidebar.collapsed{margin-left:-260px}.sidebar-content{padding:.375rem}.sidebar-section{background:var(--color-bg-primary);border-radius:.5rem;margin-bottom:.375rem;overflow:hidden}.sidebar-section.collapsible .section-header{cursor:pointer;text-align:left;background:0 0;border:none;width:100%}.sidebar-section.collapsible .section-header:hover{background:var(--color-bg-tertiary)}.section-header{text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-secondary);align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.75rem;font-weight:600;display:flex}.section-icon{font-size:.85rem}.section-title{flex:1}.section-chevron{font-size:.6rem;transition:transform .2s}.sidebar-section.collapsed .section-chevron{transform:rotate(-90deg)}.sidebar-section.collapsed .section-body{display:none}.section-body{padding:.625rem}.location-display{padding:.375rem .625rem}.coords-text{color:var(--color-text-secondary);font-family:ui-monospace,monospace;font-size:.75rem}.weather-current{margin-bottom:.5rem}.weather-main{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.weather-icon-lg{font-size:2rem}.weather-temp-group{flex-direction:column;display:flex}.temp-large{font-size:1.5rem;font-weight:700;line-height:1}.temp-feels{color:var(--color-text-secondary);font-size:.7rem}.weather-desc{color:var(--color-text-secondary);font-size:.8rem}.weather-details{flex-direction:column;gap:.25rem;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.detail-label{color:var(--color-text-secondary)}.detail-value{color:var(--color-text-primary);font-family:ui-monospace,monospace}.detail-value-group{text-align:right}.detail-sub{color:var(--color-text-secondary);font-size:.65rem;display:block}.terrain-main{text-align:center;margin-bottom:.5rem}.terrain-slope{flex-direction:column;align-items:center;display:flex}.slope-large{color:var(--color-accent);font-size:1.75rem;font-weight:700;line-height:1}.slope-cat{color:var(--color-text-secondary);font-size:.7rem}.terrain-details{flex-direction:column;gap:.25rem;display:flex}.warning-box{color:var(--color-warning);background:#eab30826;border:1px solid #eab3084d;border-radius:.375rem;margin-top:.5rem;padding:.375rem;font-size:.75rem}.info-box{background:#3b82f61a;border:1px solid #3b82f633;border-radius:.375rem;margin-top:.375rem;padding:.375rem}.info-label{color:var(--color-accent);margin-bottom:.125rem;font-size:.65rem}.info-value{font-family:ui-monospace,monospace;font-size:.75rem}.sun-chart-container{border-radius:.375rem;margin-bottom:.5rem;overflow:hidden}.sun-chart-container canvas{width:100%;height:80px;display:block}.sun-times{gap:.5rem;margin-bottom:.5rem;display:flex}.sun-time{text-align:center;background:var(--color-bg-secondary);border-radius:.375rem;flex:1;padding:.375rem}.sun-label{color:var(--color-text-secondary);font-size:.65rem;display:block}.sun-value{font-family:ui-monospace,monospace;font-size:.8rem}.golden-hour{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:.375rem;margin-bottom:.5rem;padding:.375rem}.golden-label{color:#f59e0b;text-align:center;margin-bottom:.125rem;font-size:.65rem}.golden-times{flex-direction:column;align-items:center;gap:.125rem;display:flex}.golden-time{font-family:ui-monospace,monospace;font-size:.75rem}.daylight-hours{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.daylight-label{color:var(--color-text-secondary)}.daylight-value{color:#f59e0b;font-family:ui-monospace,monospace;font-weight:600}.map-wrapper{flex:1;position:relative;overflow:hidden}.map-container{position:absolute;inset:0}.layer-controls{z-index:1000;flex-direction:column;gap:.5rem;display:flex;position:absolute;bottom:1rem;right:1rem}.layer-control-group{background:var(--color-bg-secondary);border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex;box-shadow:0 2px 8px #0000004d}.layer-select{background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;border:none;border-radius:.375rem;padding:.375rem .5rem;font-size:.75rem}.layer-toggle{background:var(--color-bg-primary);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background .2s;display:flex}.layer-toggle:hover{background:var(--color-bg-tertiary)}.layer-toggle input{display:none}.layer-toggle input:checked+.layer-icon{background:var(--color-accent);border-radius:.25rem}.layer-icon{padding:.125rem;font-size:1rem}.map-legend{background:var(--color-bg-secondary);z-index:1000;border-radius:.5rem;padding:.5rem;position:absolute;bottom:1rem;left:1rem;box-shadow:0 2px 8px #0000004d}.legend-title{color:var(--color-text-secondary);margin-bottom:.375rem;font-size:.7rem;font-weight:600}.legend-items{flex-direction:column;gap:.25rem;display:flex}.legend-item{align-items:center;gap:.375rem;font-size:.7rem;display:flex}.legend-color{border-radius:.125rem;width:1rem;height:.625rem}.charts-panel{background:var(--color-bg-secondary);border-top:1px solid var(--color-bg-tertiary);flex-direction:column;flex-shrink:0;max-height:50vh;display:flex;position:relative;overflow:hidden}.charts-panel.collapsed{max-height:0;padding:0}.chart-section{border-bottom:1px solid var(--color-bg-tertiary)}.chart-section:last-of-type{border-bottom:none}.chart-section.collapsed .chart-body{display:none}.chart-section.collapsed .chart-collapse-btn{transform:rotate(180deg)}.chart-header{background:var(--color-bg-primary);justify-content:space-between;align-items:center;gap:.5rem;padding:.375rem .5rem;display:flex}.chart-title-row{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.chart-title-text{font-size:.8rem;font-weight:600}.chart-controls{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.model-select{background:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;font-size:.7rem}.model-select:hover{border-color:var(--color-accent)}.model-select:focus{border-color:var(--color-accent);outline:none}.param-toggles{scrollbar-width:thin;scrollbar-color:var(--color-bg-tertiary)transparent;flex:1;gap:.25rem;min-width:0;padding:.125rem 0;display:flex;overflow-x:auto}.param-toggles::-webkit-scrollbar{height:4px}.param-toggles::-webkit-scrollbar-track{background:0 0}.param-toggles::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:2px}.param-toggle{background:var(--color-bg-tertiary);cursor:pointer;white-space:nowrap;color:var(--color-text-secondary);border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.65rem;transition:all .15s;display:flex}.param-toggle:hover{border-color:var(--color-text-secondary)}.param-toggle.active{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:currentColor}.param-color{border-radius:2px;flex-shrink:0;width:8px;height:8px}.expand-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;transition:color .15s}.expand-btn:hover{color:var(--color-text-primary)}.close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.25rem;line-height:1;transition:color .15s}.close-btn:hover{color:var(--color-error)}.forecast-modal{z-index:3000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.forecast-modal .modal-content{background:var(--color-bg-secondary);border-radius:.5rem;flex-direction:column;width:100%;max-width:1400px;max-height:90vh;display:flex;overflow:hidden}.forecast-modal .modal-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-bg-tertiary);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.forecast-modal .modal-title-row{align-items:center;gap:.75rem;display:flex}.forecast-modal .modal-title{font-size:1rem;font-weight:600}.forecast-modal .modal-controls{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.forecast-modal .modal-controls .param-toggles{flex:1}.forecast-modal .modal-body{flex:1;padding:1rem;overflow:auto}.chart-container-expanded{width:100%;min-height:400px;position:relative}.chart-container-expanded canvas{width:100%;height:400px;display:block}.chart-legend{color:var(--color-text-secondary);gap:1rem;font-size:.7rem;font-weight:400;display:flex}.chart-legend .legend-item{align-items:center;gap:.25rem;display:flex}.legend-line{width:1rem;height:2px;display:inline-block}.legend-line.temp{background:#f59e0b}.legend-line.wind{background:#22c55e}.legend-line.sun-altitude{background:#fbbf24}.legend-bar.precip{background:#3b82f699;border-radius:1px;width:.5rem;height:.5rem;display:inline-block}.legend-area.horizon{background:#64748b80;border-radius:1px;width:.75rem;height:.5rem;display:inline-block}.legend-item.clickable{cursor:pointer;border-radius:.25rem;padding:.125rem .25rem;transition:opacity .2s,background .2s}.legend-item.clickable:hover{background:var(--color-bg-tertiary)}.legend-item.clickable:not(.active){opacity:.4}.chart-tooltip{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);pointer-events:none;z-index:100;border-radius:.375rem;padding:.5rem;font-size:.75rem;position:absolute;box-shadow:0 4px 12px #0000004d}.chart-tooltip .tooltip-time{color:var(--color-text-secondary);margin-bottom:.25rem}.chart-tooltip .tooltip-row{align-items:center;gap:.5rem;display:flex}.chart-tooltip .tooltip-color{border-radius:2px;width:8px;height:8px}.chart-tooltip .tooltip-value{font-family:ui-monospace,monospace}.chart-collapse-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.875rem;transition:transform .2s}.chart-collapse-btn:hover{color:var(--color-text-primary)}.chart-body{padding:.25rem .5rem .5rem}.chart-container{overflow:auto hidden}.chart-container canvas{min-width:100%;height:100px;display:block}.panel-toggle-btn{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;border-bottom:none;border-radius:.375rem .375rem 0 0;padding:.125rem 1rem;font-size:.75rem;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.panel-toggle-btn:hover{color:var(--color-text-primary)}.charts-panel.collapsed .panel-toggle-btn{top:0;transform:translate(-50%)rotate(180deg)}.status-toast{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);z-index:2000;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.status-toast.error{border-color:var(--color-error);background:#ef44441a}.status-toast.success{border-color:var(--color-success);background:#22c55e1a}.hidden{display:none!important}.leaflet-container{background:var(--color-bg-primary);font-family:inherit}.leaflet-control-zoom a{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-bg-tertiary)!important}.leaflet-control-zoom a:hover{background:var(--color-bg-tertiary)!important}.leaflet-control-attribution{color:var(--color-text-secondary)!important;background:#0f172acc!important;font-size:.6rem!important}.leaflet-control-attribution a{color:var(--color-accent)!important}@media(max-width:768px){.sidebar{z-index:500;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 12px #0000004d}.sidebar.collapsed{margin-left:-260px}.header-center{display:none}.charts-panel{max-height:40vh}}