:root{--background:#0d1b2a;--foreground:#d6eaff;--header-bg:#1b263b;--card-bg:#1c2b3a;--accent:#9ecfff;--border:#334155;--primary:#415a77;--score-90:#1f4037;--score-80:#1a365d;--score-50:#665c00;--score-0:#4b1e1e;--sidebar-width:380px;--header-height:56px}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;position:fixed;overscroll-behavior:none}body{background:var(--background);color:var(--foreground);font-family:Segoe UI,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(13,27,42,.4)}::-webkit-scrollbar-thumb{background:rgba(158,207,255,.2);border-radius:10px;border:2px solid transparent;background-clip:content-box;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:rgba(158,207,255,.4);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:rgba(158,207,255,.2) transparent}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,.3)}.card-title{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.75rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.score-badge-large{font-size:3rem;font-weight:800;text-align:center;padding:1rem;border-radius:16px;background:rgba(255,255,255,.05);margin:1rem 0}.bg-score-90{background-color:var(--score-90);color:#d4ffd4}.bg-score-80{background-color:var(--score-80);color:#d6eaff}.bg-score-50{background-color:var(--score-50);color:#fffac8}.bg-score-0{background-color:var(--score-0);color:#ffdede}.tabs-container{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.75rem 1.5rem;cursor:pointer;background:transparent;color:#778da9;font-weight:700;transition:all .2s;border:none;border-bottom:3px solid transparent}.tab:hover{background:rgba(255,255,255,.05);color:var(--foreground)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.hourly-table{width:100%;border-collapse:collapse;font-size:.9rem}.hourly-table th{text-align:left;padding:.75rem;background:rgba(0,0,0,.2);color:#778da9;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.hourly-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.hourly-table tr:hover{background:rgba(255,255,255,.02)}.moon-status{font-weight:700;padding:2px 8px;border-radius:4px}.status-new-moon{color:#75dbff}.status-full-moon{color:#ffdb75}.map-container-original{height:400px;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border);position:relative}@media (max-width:640px){.map-container-original{height:300px}}@media (min-width:1024px){.map-container-original{height:500px}}header{background:var(--header-bg);padding:1.5rem;text-align:center;border-bottom:1px solid var(--border)}header h1{margin:0;font-size:1.8rem;color:var(--accent)}header p{margin:.5rem 0 0;font-size:.9rem;color:#a2b9d1}.container{max-width:100%;margin:0 auto;padding:2rem 1rem}@media (min-width:768px){.container{max-width:95%;padding:2rem}}@media (min-width:1600px){.container{max-width:1500px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-6{margin-bottom:1.5rem}.p-3{padding:.75rem}.p-12{padding:3rem}.pt-2{padding-top:.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.inline{display:inline}.mr-1{margin-right:.25rem}.relative{position:relative}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.score-badge-large{font-size:2.5rem}.hourly-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.hourly-table{font-size:.8rem;min-width:800px}.hourly-table td,.hourly-table th{padding:.5rem;white-space:nowrap}.hourly-table td:first-child,.hourly-table th:first-child{position:sticky;left:0;background:#1a1a2e;z-index:1;box-shadow:2px 0 4px rgba(0,0,0,.3)}.hourly-table th:first-child{background:rgba(26,26,46,.95);z-index:2}.card{padding:1rem}}.external-link-button{display:inline-flex;align-items:center;padding:.3em .6em;font-size:.7rem;color:#fff;background-color:#4a5568;border-radius:6px;text-decoration:none;transition:background-color .2s}.external-link-button:hover{background-color:#5a6a7a}.dew-risk-low{color:#51e66c;font-weight:700}.dew-risk-medium{color:#ffdb75;font-weight:700}.dew-risk-high{color:#ff7575;font-weight:700}.legend-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(13,27,42,.85);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001;display:flex;justify-content:center;align-items:center}.legend-content{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.4)}.legend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.legend-header h3{margin:0;color:var(--accent);font-size:1rem}.close-button{font-size:1.5rem;line-height:1;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.close-button:hover{color:#fff}.score-comments p{line-height:1.5}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.flex-wrap{flex-wrap:wrap}.pt-4{padding-top:1rem}.app-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden;position:fixed;inset:0}.minimal-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0;z-index:1000;position:sticky;top:0}.minimal-header h1{font-size:1.2rem;color:var(--accent);margin:0;font-weight:700}.header-actions{display:flex;gap:.5rem}.header-btn{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--foreground);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.4rem;transition:background .2s}.header-btn:hover{background:rgba(255,255,255,.1)}.header-btn.lang-btn{background:rgba(100,149,237,.15);border-color:rgba(100,149,237,.3);font-weight:600;min-width:70px;justify-content:center}.header-btn.lang-btn:hover{background:rgba(100,149,237,.25)}.main-content{position:relative}.main-area,.main-content{display:flex;flex:1 1;overflow:hidden}.main-area{flex-direction:column;min-width:0}.map-section{position:relative;height:100%;min-height:300px;flex:1 1 auto}.map-section.minimized{flex:0 0 280px;height:280px;min-height:280px}.map-section .leaflet-container{width:100%;height:100%}.results-full{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.results-main-header{padding:1rem 1.5rem;background:var(--header-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.results-main-header h2{margin:0;font-size:1.1rem;color:var(--accent)}.results-close-btn{background:rgba(255,255,255,.1);border:1px solid var(--border);color:var(--foreground);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.5rem;transition:background .2s}.results-close-btn:hover{background:rgba(255,255,255,.15)}.results-main-content{flex:1 1 auto;overflow-y:auto;padding:1.5rem;min-height:0}.fullscreen-map{flex:1 1;position:relative;min-height:0}.fullscreen-map .leaflet-container{width:100%;height:100%}.side-panel{width:var(--sidebar-width);background:var(--card-bg);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;transition:transform .3s ease,width .3s ease}.side-panel.collapsed{width:0;transform:translateX(100%)}.side-panel-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.side-panel-header h2{font-size:1rem;color:var(--accent);margin:0;display:flex;align-items:center;gap:.5rem}.side-panel-content{flex:1 1;overflow-y:auto;padding:1rem}.side-panel-toggle{position:absolute;right:var(--sidebar-width);top:50%;transform:translateY(-50%);background:var(--card-bg);border:1px solid var(--border);border-right:none;color:var(--foreground);padding:1rem .5rem;border-radius:8px 0 0 8px;cursor:pointer;z-index:50;transition:right .3s ease}.side-panel-toggle.panel-collapsed,.side-panel.collapsed+.side-panel-toggle{right:0}.selected-location-card{background:rgba(0,0,0,.2);border-radius:8px;padding:1rem;margin-bottom:1rem}.selected-location-card .location-name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.25rem}.selected-location-card .location-coords{font-size:.75rem;color:#778da9;font-family:monospace}.fetch-btn{width:100%;background:#3a8f6f;color:#d4ffd4;border:none;padding:.75rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;transition:background .2s,transform .1s}.fetch-btn:hover{background:#4aa37f}.fetch-btn:active{transform:scale(.98)}.fetch-btn:disabled{opacity:.6;cursor:not-allowed}.saved-locations-section{margin-top:1.5rem}.saved-locations-section h3{font-size:.85rem;color:#778da9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.saved-location-item{background:rgba(255,255,255,.03);border:1px solid transparent;border-radius:8px;padding:.75rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.saved-location-item:hover{background:rgba(255,255,255,.06);border-color:var(--border)}.saved-location-item.active{background:rgba(158,207,255,.1);border-color:var(--accent)}.saved-location-item .name{font-weight:600;color:#fff;font-size:.9rem}.saved-location-item .note{font-size:.75rem;color:#778da9;margin-top:.25rem}.results-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:1px solid var(--border);border-radius:16px 16px 0 0;max-height:70vh;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);z-index:200;display:flex;flex-direction:column;box-shadow:0 -4px 30px rgba(0,0,0,.3)}.results-sheet.open{transform:translateY(0)}.results-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:12px auto;flex-shrink:0}.results-sheet-header{padding:0 1.5rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.results-sheet-header h2{font-size:1.1rem;color:var(--accent);margin:0}.results-sheet-close{background:none;border:none;color:var(--foreground);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.results-sheet-close:hover{background:rgba(255,255,255,.1)}.results-sheet-content{flex:1 1;overflow-y:auto;padding:1.5rem}@media (max-width:768px){.minimal-header{padding:0 1rem}.main-content{flex-direction:column}.main-area{flex:1 1;overflow:hidden}.map-section{flex:1 1;min-height:0}.map-section.minimized{flex:0 0 150px;min-height:150px}.results-main{flex:1 1 auto}.results-main-content,.results-main-header{padding:1rem}.side-panel{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;max-height:88vh;border-left:none;border-top:1px solid var(--border);border-radius:16px 16px 0 0;transform:translateY(calc(100% - 60px));transition:transform .4s cubic-bezier(.32,.72,0,1);z-index:2000;box-shadow:0 -10px 40px rgba(0,0,0,.5);padding-bottom:env(safe-area-inset-bottom);pointer-events:none}.side-panel.expanded{transform:translateY(0);pointer-events:auto}.side-panel-content,.side-panel-handle,.side-panel-header{pointer-events:auto}.side-panel-toggle{display:none}.side-panel-handle{display:block;width:100%;height:30px;background:transparent;cursor:pointer;position:relative;flex-shrink:0}.side-panel-handle:after{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:var(--border);border-radius:2px}}@media (min-width:769px){.side-panel-handle{display:none}}.map-loading-overlay{top:0;left:0;right:0;bottom:0;background:rgba(13,27,42,.8);align-items:center;justify-content:center;z-index:100}.map-loading-overlay,.map-quick-actions{position:absolute;display:flex;flex-direction:column}.map-quick-actions{top:1rem;left:1rem;z-index:50;gap:.5rem}.quick-action-btn{background:white;border:2px solid rgba(0,0,0,.2);border-radius:4px;padding:.5rem .75rem;cursor:pointer;font-size:.85rem;font-weight:600;color:#333;box-shadow:0 1px 5px rgba(0,0,0,.2);display:flex;align-items:center;gap:.4rem}.quick-action-btn:hover{background:#f0f0f0}.add-location-btn{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.4rem}.add-location-btn:hover{background:#526b88}@media (max-width:768px){.hidden-mobile{display:none}}.results-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.75rem;color:#556677;flex-shrink:0}.settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.settings-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.settings-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--foreground)}.settings-close-btn{background:transparent;border:none;color:#778da9;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.settings-close-btn:hover{background:rgba(255,255,255,.1);color:var(--foreground)}.settings-content{padding:1.5rem;gap:1.5rem}.settings-content,.settings-group{display:flex;flex-direction:column}.settings-group{gap:.75rem}.settings-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#9ecfff}.settings-options{display:flex;gap:.5rem;flex-wrap:wrap}.settings-option{flex:1 1;min-width:80px;padding:.6rem 1rem;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:8px;color:#778da9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.settings-option:hover{background:rgba(255,255,255,.1);border-color:#556677}.settings-option.active{background:rgba(65,90,119,.4);border-color:#9ecfff;color:#fff}.settings-note{margin:0;font-size:.75rem;color:#ffbd59;font-style:italic}.share-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);justify-content:center;z-index:1000;padding:1rem}.share-modal,.share-overlay{display:flex;align-items:center}.share-modal{background:var(--card-bg);border-radius:16px;width:min(95vw,460px);max-height:95vh;overflow-y:auto;overflow-x:hidden;padding:1.5rem .75rem;box-sizing:border-box;flex-direction:column}@media (max-width:400px){.share-actions{flex-direction:column}}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.share-header h3{margin:0;font-size:1.1rem;color:#fff}.share-actions{display:flex;gap:.75rem;margin-top:1.5rem}.share-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.share-btn:hover{background:rgba(255,255,255,.1)}.share-btn:disabled{opacity:.5;cursor:not-allowed}.share-btn.primary{background:#3a8f6f;border-color:#3a8f6f}.share-btn.primary:hover{background:#2d7359}.leaflet-control-geocoder-alternatives,.leaflet-control-geocoder-error,.leaflet-control-geocoder-suggestions{background-color:white!important;color:#333!important;border:1px solid #ccc!important;border-radius:4px!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;font-family:inherit!important;z-index:10000!important;max-height:300px!important;overflow-y:auto!important;min-width:250px!important;padding:0!important;position:absolute!important;top:100%!important;left:0!important;margin:5px 0 0!important}.leaflet-control-geocoder-not-found{padding:10px 14px!important;background-color:white!important;color:#666!important;font-size:.9rem!important;border-radius:4px!important;display:block!important}.leaflet-control-geocoder-alternatives:empty,.leaflet-control-geocoder-suggestions:empty{display:none!important}.leaflet-control-geocoder-alternatives li,.leaflet-control-geocoder-suggestion{padding:10px 14px!important;cursor:pointer!important;border-bottom:1px solid #eee!important;list-style:none!important;background-color:white!important;display:block!important;color:#333!important;text-align:left!important;line-height:1.4!important}.leaflet-control-geocoder-alternatives li:last-child,.leaflet-control-geocoder-suggestion:last-child{border-bottom:none!important}.leaflet-control-geocoder-alternatives li:hover,.leaflet-control-geocoder-suggestion:hover{background-color:#f0f0f0!important}.leaflet-control-geocoder-address,.leaflet-control-geocoder-alternatives li small{display:block!important;font-size:.8rem!important;color:#666!important;margin-top:2px!important}