body{margin:0;padding:0;overflow:hidden;background-color:#1a1a1a;font-family:Urbanist,sans-serif}.container-fluid{padding:0}.row{margin:0}#scene-container{width:100%;height:100vh;background-color:#87ceeb}#scene-container canvas{width:100%!important;height:100%!important;display:block}#controls-container{padding:20px;background-color:#fffffff2;height:100vh;overflow-y:auto;box-shadow:-2px 0 10px #0000001a;transition:background-color .3s ease,color .3s ease}#controls-container.dark-theme{background-color:#1a1a1af2;color:#e0e0e0}#controls-container.dark-theme h2,#controls-container.dark-theme h4,#controls-container.dark-theme h5,#controls-container.dark-theme label{color:#e0e0e0}#controls-container.dark-theme .card{background-color:#2a2a2a;border-color:#444}#controls-container.dark-theme .card-header{background-color:#333;border-color:#444;color:#e0e0e0}#controls-container.dark-theme .card-body,#controls-container.dark-theme #weather-info{background-color:#2a2a2a;color:#e0e0e0}#controls-container.dark-theme .wind-info{background:#ffffff0d!important}#controls-container.dark-theme #location-name,#controls-container.dark-theme #last-updated{color:#aaa!important}#controls-container.dark-theme .temperature{color:#e0e0e0}#controls-container.dark-theme .temperature #temp-unit{opacity:.4}#controls-container.dark-theme .forecast-day{background-color:#333;color:#e0e0e0}#controls-container.dark-theme .forecast-day:hover{background-color:#3d3d3d}#controls-container.dark-theme #location-input{background-color:#444;color:#e0e0e0;border-color:#555}#controls-container.dark-theme #location-input::placeholder{color:#999}#controls-container.dark-theme #clear-search{color:#aaa}#search-button,#use-location-button{background-color:#e9ecef!important;border-color:#e9ecef!important}#search-button i,#use-location-button{color:#333!important}#controls-container.dark-theme #search-button,#controls-container.dark-theme #use-location-button{background-color:#6c757d!important;border-color:#6c757d!important}#controls-container.dark-theme #search-button i,#controls-container.dark-theme #use-location-button{color:#fff!important}#kite-weather-heading{color:#333}#controls-container.dark-theme #kite-weather-heading{color:#e0e0e0}#location-input:focus{border-color:#6c757d;box-shadow:0 0 0 .25rem #6c757d40}.custom-select{font-size:.75rem;padding:.375rem 2rem .375rem .75rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s ease}.custom-select:hover{background-color:#e9ecef;border-color:#adb5bd}.custom-select:focus{border-color:#6c757d;box-shadow:0 0 0 .2rem #6c757d40;outline:0}#controls-container.dark-theme .custom-select{background-color:#444;color:#e0e0e0;border-color:#555}#controls-container.dark-theme .custom-select:hover{background-color:#4a4a4a;border-color:#666}#controls-container.dark-theme .custom-select:focus{border-color:#6c757d;box-shadow:0 0 0 .2rem #6c757d40}#controls-container.dark-theme .custom-select option{background-color:#333;color:#e0e0e0}#use-location-button{color:inherit;transition:background-color .2s ease}#use-location-button:hover{background-color:#5a6268!important}#use-location-button i{color:inherit}#map{height:300px;margin:20px 0;border-radius:8px;border:2px solid #ccc}#location-input{margin:0;border-radius:4px}#weather-info{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;transition:background-color .3s ease,color .3s ease}.theme-switch{position:relative;display:inline-block;width:40px;height:22px}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:22px}.theme-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.theme-slider{background-color:#6c757d}input:checked+.theme-slider:before{transform:translate(18px)}.weather-panel{padding:15px}.current-conditions{border-bottom:1px solid #dee2e6;padding-bottom:15px;margin-bottom:15px}.temperature{font-size:2.5em;font-weight:700;color:#333;margin-bottom:10px}.temperature #temp-unit{opacity:.5}.wind-info{font-size:1.2em;margin-bottom:10px;padding:10px;background-color:#e9ecef;border-radius:5px}.conditions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.forecast{margin-top:20px}#forecast-container{display:flex;overflow-x:auto;gap:10px;padding:10px 0}.forecast-day{flex:0 0 auto;padding:10px;background-color:#e9ecef;border-radius:5px;min-width:120px;text-align:center;cursor:pointer;transition:background-color .2s}.forecast-day:hover{background-color:#ffffff1a}.forecast-time-selector{width:100%;padding:5px;margin:8px 0;border-radius:4px;border:1px solid #ced4da;background-color:#fff;font-size:.85em;cursor:pointer;text-align:center;transition:border-color .2s}.forecast-time-selector:hover{border-color:#0d6efd}.forecast-time-selector:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.forecast-details{margin-top:5px}#time-controls{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px}.btn.active{background-color:#0d6efd;color:#fff;border-color:#0d6efd}#debug-panel{position:fixed;left:12px;top:12px;width:260px;max-height:60vh;overflow:auto;background:#000000b3;color:#fff;font-family:monospace;font-size:12px;padding:10px;border-radius:8px;z-index:9999}.debug-key{color:#9ddaff}.debug-value{color:#ffd3a5}@media(max-width:768px){#controls-container{position:fixed;top:0;right:-100%;width:90%;max-width:400px;height:100vh;z-index:1000;transition:right .3s ease;box-shadow:-5px 0 15px #0000004d}#controls-container.open{right:0}.current-conditions>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}#unit-selector{width:100%!important;max-width:none!important}#mobile-menu-toggle{display:block!important;position:fixed;top:10px;right:10px;z-index:1001;padding:8px 12px;background:#ffffff4d;border:1px solid rgba(0,123,255,.3);border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease}#mobile-menu-toggle:hover{background:#ffffffe6;box-shadow:0 2px 12px #00000026}#scene-container{width:100%!important}}@media(min-width:769px){#mobile-menu-toggle{display:none!important}}