:root{--background:#0d1b2a;--foreground:#d6eaff;--header-bg:#1b263b;--card-bg:#1c2b3a;--accent:#9ecfff;--border:#334155;--primary:#415a77;--score-90:#1f4037;--score-80:#3c5f49;--score-50:#665c00;--score-0:#4b1e1e;--sidebar-width:380px;--header-height:56px}html,body{height:100%;margin:0;padding:0;overflow:hidden}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:#0d1b2a66}::-webkit-scrollbar-thumb{background:#9ecfff33 padding-box content-box;border:2px solid #0000;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#9ecfff66 padding-box content-box}*{scrollbar-width:thin;scrollbar-color:#9ecfff33 transparent}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1.25rem;box-shadow:0 4px 12px #0000004d}.card-title{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.score-badge-large{text-align:center;background:#ffffff0d;border-radius:16px;margin:1rem 0;padding:1rem;font-size:3rem;font-weight:800}.bg-score-90{background-color:var(--score-90);color:#d4ffd4}.bg-score-80{background-color:var(--score-80);color:#d4ffd4}.bg-score-50{background-color:var(--score-50);color:#fffac8}.bg-score-0{background-color:var(--score-0);color:#ffdede}.tabs-container{border-bottom:1px solid var(--border);gap:2px;margin-bottom:1.5rem;display:flex}.tab{cursor:pointer;color:#778da9;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1.5rem;font-weight:700;transition:all .2s}.tab:hover{color:var(--foreground);background:#ffffff0d}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.hourly-table{border-collapse:collapse;width:100%;font-size:.9rem}.hourly-table th{text-align:left;color:#778da9;text-transform:uppercase;letter-spacing:.05em;background:#0003;padding:.75rem;font-size:.75rem}.hourly-table td{border-bottom:1px solid #ffffff0d;padding:.75rem}.hourly-table tr:hover{background:#ffffff05}.moon-status{border-radius:4px;padding:2px 8px;font-weight:700}.status-new-moon{color:#75dbff}.status-full-moon{color:#ffdb75}.map-container-original{border:1px solid var(--border);border-radius:12px;width:100%;height:400px;position:relative;overflow:hidden}@media (max-width:640px){.map-container-original{height:300px}}@media (min-width:1024px){.map-container-original{height:500px}}header{background:var(--header-bg);text-align:center;border-bottom:1px solid var(--border);padding:1.5rem}header h1{color:var(--accent);margin:0;font-size:1.8rem}header p{color:#a2b9d1;margin:.5rem 0 0;font-size:.9rem}.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:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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{-webkit-overflow-scrolling:touch;overflow-x:auto}.hourly-table{min-width:800px;font-size:.8rem}.hourly-table th,.hourly-table td{white-space:nowrap;padding:.5rem}.card{padding:1rem}}.external-link-button{color:#fff;background-color:#4a5568;border-radius:6px;align-items:center;padding:.3em .6em;font-size:.7rem;text-decoration:none;transition:background-color .2s;display:inline-flex}.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{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001;background:#0d1b2ad9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.legend-content{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 8px 32px #0006}.legend-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.legend-header h3{color:var(--accent);margin:0;font-size:1rem}.close-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.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{flex-direction:column;height:100vh;display:flex;overflow:hidden}.minimal-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.minimal-header h1{color:var(--accent);margin:0;font-size:1.2rem;font-weight:700}.header-actions{gap:.5rem;display:flex}.header-btn{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;transition:background .2s;display:flex}.header-btn:hover{background:#ffffff1a}.header-btn.lang-btn{background:#6495ed26;border-color:#6495ed4d;justify-content:center;min-width:70px;font-weight:600}.header-btn.lang-btn:hover{background:#6495ed40}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.map-section{flex:auto;height:100%;min-height:300px;position:relative}.map-section.minimized{flex:0 0 280px;height:280px;min-height:280px}.map-section .leaflet-container{width:100%;height:100%}.results-full{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.results-main-header{background:var(--header-bg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.results-main-header h2{color:var(--accent);margin:0;font-size:1.1rem}.results-close-btn{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#ffffff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:background .2s;display:flex}.results-close-btn:hover{background:#ffffff26}.results-main-content{flex:auto;min-height:0;padding:1.5rem;overflow-y:auto}.fullscreen-map{flex:1;min-height:0;position:relative}.fullscreen-map .leaflet-container{width:100%;height:100%}.side-panel{width:var(--sidebar-width);background:var(--card-bg);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:transform .3s,width .3s;display:flex;overflow:hidden}.side-panel.collapsed{width:0;transform:translate(100%)}.side-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.side-panel-header h2{color:var(--accent);align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.side-panel-content{flex:1;padding:1rem;overflow-y:auto}.side-panel-toggle{right:var(--sidebar-width);background:var(--card-bg);border:1px solid var(--border);color:var(--foreground);cursor:pointer;z-index:50;border-right:none;border-radius:8px 0 0 8px;padding:1rem .5rem;transition:right .3s;position:absolute;top:50%;transform:translateY(-50%)}.side-panel.collapsed+.side-panel-toggle,.side-panel-toggle.panel-collapsed{right:0}.selected-location-card{background:#0003;border-radius:8px;margin-bottom:1rem;padding:1rem}.selected-location-card .location-name{color:#fff;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.selected-location-card .location-coords{color:#778da9;font-family:monospace;font-size:.75rem}.fetch-btn{color:#d4ffd4;cursor:pointer;background:#3a8f6f;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.75rem;padding:.75rem 1rem;font-weight:700;transition:background .2s,transform .1s;display:flex}.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{color:#778da9;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;display:flex}.saved-location-item{cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.saved-location-item:hover{border-color:var(--border);background:#ffffff0f}.saved-location-item.active{border-color:var(--accent);background:#9ecfff1a}.saved-location-item .name{color:#fff;font-size:.9rem;font-weight:600}.saved-location-item .note{color:#778da9;margin-top:.25rem;font-size:.75rem}.results-sheet{background:var(--background);border-top:1px solid var(--border);z-index:200;border-radius:16px 16px 0 0;flex-direction:column;max-height:70vh;transition:transform .4s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 30px #0000004d}.results-sheet.open{transform:translateY(0)}.results-sheet-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:12px auto}.results-sheet-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem 1rem;display:flex}.results-sheet-header h2{color:var(--accent);margin:0;font-size:1.1rem}.results-sheet-close{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.results-sheet-close:hover{background:#ffffff1a}.results-sheet-content{flex:1;padding:1.5rem;overflow-y:auto}@media (max-width:768px){.main-content{flex-direction:column}.main-area{flex:1;overflow-y:auto}.map-section{flex:0 0 200px;min-height:200px}.map-section.minimized{flex:0 0 150px;min-height:150px}.results-main{flex:auto}.results-main-content{padding:1rem}.side-panel{border-left:none;border-top:1px solid var(--border);z-index:150;border-radius:16px 16px 0 0;width:100%;height:auto;max-height:60vh;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 60px))}.side-panel.expanded{transform:translateY(0)}.side-panel-toggle{display:none}.side-panel-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:10px auto;display:block}}@media (min-width:769px){.side-panel-handle{display:none}}.map-loading-overlay{z-index:100;background:#0d1b2acc;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-quick-actions{z-index:50;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.quick-action-btn{cursor:pointer;color:#333;background:#fff;border:2px solid #0003;border-radius:4px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 1px 5px #0003}.quick-action-btn:hover{background:#f0f0f0}.add-location-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.add-location-btn:hover{background:#526b88}@media (max-width:768px){.hidden-mobile{display:none}}.results-footer{border-top:1px solid var(--border);text-align:center;color:#567;flex-shrink:0;padding:1rem 1.5rem;font-size:.75rem}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;max-height:90vh;animation:.25s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.settings-header h3{color:var(--foreground);margin:0;font-size:1.1rem;font-weight:700}.settings-close-btn{color:#778da9;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.settings-close-btn:hover{color:var(--foreground);background:#ffffff1a}.settings-content{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.settings-group{flex-direction:column;gap:.75rem;display:flex}.settings-label{color:#9ecfff;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.settings-options{flex-wrap:wrap;gap:.5rem;display:flex}.settings-option{border:1px solid var(--border);color:#778da9;cursor:pointer;text-align:center;background:#ffffff0d;border-radius:8px;flex:1;min-width:80px;padding:.6rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.settings-option:hover{background:#ffffff1a;border-color:#567}.settings-option.active{color:#fff;background:#415a7766;border-color:#9ecfff}.settings-note{color:#ffbd59;margin:0;font-size:.75rem;font-style:italic}