body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.location-search{max-width:600px;position:relative;width:100%;z-index:9999}.search-input-container{align-items:center;display:flex;position:relative}.search-input{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:12px 45px 12px 15px;position:relative;transition:all .3s ease;width:100%}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#ffffff26;border-color:#4f46e5;box-shadow:0 0 0 3px #7c3aed4d,0 4px 15px #7c3aed33}.search-icon{color:#fff9;font-size:1.2rem;pointer-events:none;position:absolute;right:12px;transition:all .3s ease}.search-spinner{animation:spin 1s linear infinite}.search-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2efa;border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 25px #00000080,0 0 0 1px #7c3aed33;display:flex;flex-direction:column;left:0;margin-top:5px;max-height:300px;position:absolute;right:0;top:100%;z-index:10000}.search-results{flex:1 1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:0}.search-result{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;padding:8px 15px;position:relative;transition:background-color .2s ease}.search-result:last-child{border-bottom:none}.search-result:hover{background:#7c3aed26}.search-result.keyboard-selected{background:#7c3aed40;border:1px solid #7c3aed66;box-shadow:inset 0 0 0 1px #7c3aed4d}.search-result:hover:not(.keyboard-selected){background:#7c3aed33}.result-content{flex:1 1;text-align:left}.result-name{color:#fff;font-weight:600;margin-bottom:2px}.result-details{color:#ffffffb3;font-size:.85rem;justify-content:space-between;line-height:1.2;margin-bottom:1px}.result-details,.result-left{align-items:baseline;display:flex;gap:8px}.result-coordinates{color:#ffffff80;flex-shrink:0;font-family:monospace;font-size:.7rem;line-height:1.2}.result-elevation{color:#fff9}.no-results{color:#fff9;padding:30px 20px;text-align:center}.no-results-icon{font-size:2rem;margin-bottom:10px}.no-results-text{font-weight:600;margin-bottom:5px}.no-results-hint{color:#fff6;font-size:.85rem}@media (max-width:480px){.location-search .search-input{font-size:.9rem;padding:10px 40px 10px 12px}}.search-attribution{background:#ffffff05;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #ffffff1a;bottom:0;color:#ffffff80;font-size:.75rem;margin-top:auto;padding:8px 12px;position:-webkit-sticky;position:sticky;text-align:center;z-index:10}.attribution-link{color:#7c3aedcc;text-decoration:none;transition:color .2s ease}.attribution-link:focus,.attribution-link:hover{color:#7c3aed;text-decoration:underline}.attribution-link:focus{outline:none}.spinning{animation:spin 1s linear infinite}.constellation-loader{flex-direction:column}.constellation-container,.constellation-loader{align-items:center;display:flex;justify-content:center}.constellation-container{background:radial-gradient(circle,#7c3aed1a 0,#0000 10%);border-radius:50%;position:relative}.constellation-container canvas{border-radius:8px;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.constellation-message{animation:pulse 2s ease-in-out infinite;color:#fffc;font-size:1rem;margin-top:15px;text-align:center}.constellation-loader.small .constellation-message{font-size:.8rem;margin-top:10px}.constellation-loader.large .constellation-message{font-size:1.2rem;margin-top:20px}.constellation-container:before{animation:breathe 4s ease-in-out infinite;background:radial-gradient(circle,#7c3aed0d 0,#0000 70%);border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width:480px){.constellation-loader{padding:15px}.constellation-message{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.constellation-container:before{animation:breathe 8s ease-in-out infinite}.constellation-message{animation:pulse 4s ease-in-out infinite}}.error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:30px 20px}.error-message.info{background:#3b82f61a;border-color:#3b82f64d}.error-content{align-items:center;display:flex;gap:15px;margin-bottom:20px;text-align:center}.error-icon{font-size:2rem;min-width:40px}.error-text h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 8px}.error-text p{color:#fffc;line-height:1.4;margin:0}.error-retry-button{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.error-retry-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.error-retry-button:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.error-retry-button:hover:before{left:100%}.error-retry-button:focus{box-shadow:0 0 0 3px #ffffff4d,0 4px 12px #0003;outline:none}.error-retry-button:active{background:#ffffff26;transform:translateY(-1px)}@media (max-width:480px){.error-message{padding:20px 15px}.error-content{flex-direction:column;text-align:center}.error-icon{font-size:1.5rem}.error-text h4{font-size:1.1rem}}.weekly-overview{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;min-height:220px;overflow-y:visible;padding:20px 20px 0;position:relative}.overview-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.header-controls{align-items:center;display:flex;gap:12px}.overview-header h3{color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:300;line-height:1.2;margin:0}.location-details{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:right}.location-details .coordinates{color:#ffffffb3;font-family:monospace;font-size:.8rem;line-height:1.1;margin:0}.location-details .last-updated{color:#ffffff80;font-size:.75rem;line-height:1.1;margin:0;white-space:nowrap}.updating-indicator{color:#7c3aedcc;font-weight:500}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.loading-container p{color:#ffffffb3;font-size:.9rem;margin-top:15px}.remove-location-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;min-width:28px;opacity:.7;padding:6px 8px;transition:all .3s ease}.remove-location-button:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;opacity:1;transform:scale(1.02)}.remove-location-button:focus{box-shadow:0 0 0 2px #ef44444d;opacity:1;outline:none}.remove-location-button:active{transform:scale(.98)}.no-data-compact{align-items:center;color:#fff9;display:flex;font-size:1rem;gap:10px;justify-content:center;padding:20px}.no-data-compact .no-data-icon{font-size:1.5rem;opacity:.6}.weekly-grid{background:#ffffff05;border-radius:8px;display:flex;flex-direction:column;gap:1px;margin-bottom:16px;overflow-y:visible;width:100%}.grid-header{display:grid;grid-template-columns:repeat(7,1fr)}.day-header{border-right:1px solid #ffffff0d;padding:8px 4px;position:relative;text-align:center}.day-header:last-child{border-right:none}.day-info-container{align-items:center;display:flex;gap:6px;justify-content:space-between;padding:0 8px}.day-text{align-items:start;display:flex;flex-direction:column}.day-name{color:#fff;font-size:.85rem;font-weight:600}.day-date{color:#fff9;font-size:.7rem;margin-top:2px}.moon-phase-container{align-items:center;display:flex;flex-direction:column;gap:1px;margin-top:1px;opacity:.7}.moon-phase-indicator{font-size:.5rem;opacity:.3}.moon-illumination{color:#fff9;font-size:.4rem;font-weight:300;line-height:1}.grid-columns{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.day-column{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(24,minmax(1px,8px))}.hour-column{display:flex;flex-direction:column;gap:1px}.hour-column:hover .hour-cell{box-shadow:inset 0 0 0 2px #fff9,0 0 0 1px #fff6,0 2px 8px #fff3;position:relative;transform:scale(1.05);z-index:10}.hour-column{transition:all .2s ease-in-out}.hour-column:hover{filter:brightness(1.2)}.hour-cell{border:1px solid #ffffff0d;border-radius:1px;cursor:pointer;height:8px;position:relative;transition:all .2s ease}.hour-cell.empty{background:#ffffff0d;opacity:.3}.precip-cell.has-rain{border:1px solid #3b82f64d}.hour-column{position:relative}.react-tooltip[id*=hour-]{max-width:180px;position:fixed!important;z-index:10000!important}body>.react-tooltip[id*=hour-]{z-index:10000!important}.react-tooltip[id*=clear-hours-tooltip]{position:fixed!important;z-index:15000!important}body>.react-tooltip[id*=clear-hours-tooltip]{z-index:15000!important}.grid-row{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.moon-row{margin-top:2px}.continuous-timeline{grid-column:1/-1;height:2px}.continuous-timeline,.timeline-track{background:#ffffff0d;border-radius:2px;position:relative;width:100%}.moon-line,.timeline-track{height:100%}.moon-line{background:linear-gradient(90deg,#6366f1,#4f46e5);border:1px solid #6366f199;border-radius:2px;box-shadow:0 1px 2px #6366f166;cursor:pointer;position:absolute;top:0;transition:all .2s ease}.moon-line:hover{box-shadow:0 2px 4px #6366f199;transform:scaleY(1.5)}.twilight-segment{border-radius:2px;cursor:pointer;height:100%;position:absolute;top:0;transition:all .2s ease}.twilight-segment:hover{transform:scaleY(1.5);z-index:10}.overview-summary{border-top:1px solid #ffffff1a;display:flex;gap:16px;justify-content:space-around;margin-top:12px;padding:12px 0}.summary-item{align-items:center;display:flex;flex-direction:column;gap:4px}.summary-label{color:#fff9;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#fff;font-size:.9rem;font-weight:600}@media (max-width:768px){.weekly-overview{padding:8px}.weekly-grid{border-radius:0}.grid-columns,.grid-row{gap:1px}.day-column,.hour-column{gap:0}.hour-cell{border:none}}@media (max-width:480px){.weekly-overview{border:none;border-radius:0;padding:4px}.weekly-grid{border-radius:0}.overview-header,.weekly-grid{margin-bottom:8px}.overview-header h3{font-size:1rem}.day-info-container{flex-direction:column;gap:3px;padding:0}.day-text{order:1}.moon-phase-container{flex-direction:row;gap:2px;order:2}.day-name{font-size:.7rem}.day-date{font-size:.6rem}.moon-phase-indicator{font-size:1rem}.moon-illumination{align-self:center;font-size:.5rem}.day-column{grid-template-columns:repeat(24,minmax(1px,4px))}.overview-summary{gap:6px;margin-top:6px;padding:6px 0}.summary-label{font-size:.7rem}.summary-value{font-size:.8rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center}.spinner-container{height:60px;position:relative;width:60px}.spinner{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.spinner-ring{animation:spin 1.5s linear infinite;border-right:3px solid #7c3aed33;border-top:3px solid #7c3aed33;border-color:#7c3aed #7c3aed99 #7c3aed33 #7c3aed33;border-radius:50%;border-style:solid;border-width:3px;box-shadow:0 0 20px #7c3aed66;box-sizing:border-box;height:100%;transform-origin:center center;width:100%}.star{font-size:1.2rem;position:absolute;text-shadow:0 0 10px #fffc;transform-origin:40px 40px;z-index:10}.star-1{left:34px;top:4px}.star-1,.star-2{animation:rotate 3s linear infinite}.star-2{right:4px;top:34px}.star-3{bottom:4px;left:34px}.star-3,.star-4{animation:rotate 3s linear infinite}.star-4{left:4px;top:34px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes twinkle{0%{opacity:1;text-shadow:0 0 10px #fffc}50%{opacity:.4;text-shadow:0 0 15px #fff,0 0 25px #7c3aed99}to{opacity:1;text-shadow:0 0 10px #fffc}}.spinner-message{animation:pulse 2s ease-in-out infinite;color:#fffc;font-size:1rem;text-align:center}@media (max-width:480px){.loading-spinner .spinner-container{height:60px;width:60px}.spinner-message{font-size:.9rem}}.loading-spinner *{animation-play-state:running!important}.loading-spinner .spinner{animation:rotate 3s linear infinite!important}.loading-spinner .spinner-ring{animation:spin 1.5s linear infinite!important}.loading-spinner .star{animation:twinkle 1.5s ease-in-out infinite alternate!important}@media (prefers-reduced-motion:reduce){.loading-spinner .spinner{animation:rotate 6s linear infinite!important}.loading-spinner .spinner-ring{animation:spin 3s linear infinite!important}.loading-spinner .star{animation:twinkle 3s ease-in-out infinite alternate!important}}.api-key-login{align-items:center;background:linear-gradient(135deg,#1a1a2ecc,#16213ecc 50%,#0f3460cc);color:#fff;display:flex;justify-content:center;min-height:100vh;position:relative;z-index:1}.api-key-login__container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:3rem;position:relative;width:100%;z-index:2}.api-key-login__header{margin-bottom:2rem;text-align:center}.api-key-login__header p{color:#fffc;font-size:1.1rem;margin:0}.api-key-login__content h2{color:#fff;font-size:1.8rem;margin:0 0 1rem}.api-key-login__content>p{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.api-key-login__steps{margin:2rem 0}.step{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.step-number{align-items:center;background:linear-gradient(145deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:2rem;justify-content:center;margin-top:.2rem;width:2rem}.step strong{color:#fff;display:block;margin-bottom:.25rem}.step p{color:#fffc;line-height:1.5;margin:0}.step a{color:#64b5f6;text-decoration:none}.step a:hover{text-decoration:underline}.api-key-login__form{margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background:#ffffff1a;border:2px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff26;border-color:#4f46e5;outline:none}.form-group input.error{border-color:#f44336}.form-group input::placeholder{color:#ffffff80}.error-message{color:#f44336;font-size:.9rem;margin-top:.5rem}.ad-blocker-hint{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#ffffffe6;margin-top:1rem;padding:1rem}.ad-blocker-hint h4{color:#ffc107;font-size:1rem;font-weight:600;margin:0 0 .75rem}.ad-blocker-hint p{font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.ad-blocker-hint ul{margin:0 0 .75rem;padding-left:1.25rem}.ad-blocker-hint li{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.ad-blocker-hint small{color:#ffffffb3;font-size:.8rem}.submit-button{align-items:center;background:linear-gradient(45deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(45deg,#7c3aed,#c026d3);box-shadow:0 8px 20px #8e24aa4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.api-key-login__info{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.api-key-login__info h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.api-key-login__info p{color:#fffc;line-height:1.6;margin-bottom:1rem}.api-key-login__info p:last-child{margin-bottom:0}@media (max-width:768px){.api-key-login{padding:1rem}.api-key-login__container{padding:2rem}.api-key-login__header h1{font-size:2rem}.step{gap:.75rem}}.settings-menu{display:inline-block;position:relative}.settings-button{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;min-width:44px;padding:10px 15px;transition:all .3s ease}.settings-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 15px #fff3}.settings-button:focus{box-shadow:0 0 0 3px #7c3aed4d;outline:none}.settings-button[aria-expanded=true]{background:#fff3;border-color:#fff6}.settings-dropdown{animation:slideDown .2s ease-out;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:190px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-menu-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.settings-menu-item:hover{background:#7c3aed33;border-color:#7c3aed66;box-shadow:0 2px 8px #7c3aed33;transform:translateY(-1px)}.settings-menu-item:focus{background:#7c3aed40;border-color:#7c3aed80;box-shadow:0 0 0 2px #7c3aed4d;outline:none}.settings-menu-item:active{box-shadow:0 1px 4px #7c3aed4d;transform:translateY(0)}.share-locations-button:hover{background:#10b98126;border-color:#10b9814d;box-shadow:0 2px 8px #10b98133;color:#10b981;transform:translateY(-1px)}.share-locations-button:focus{background:#10b98133;border-color:#10b98166;box-shadow:0 0 0 2px #10b9814d;color:#10b981;outline:none}.share-locations-button:active{box-shadow:0 1px 4px #10b9814d;transform:translateY(0)}.clear-api-key-button:hover{background:#ef444426;border-color:#ef44444d;box-shadow:0 2px 8px #ef444433;color:#ef4444;transform:translateY(-1px)}.clear-api-key-button:focus{background:#ef444433;border-color:#ef444466;box-shadow:0 0 0 2px #ef44444d;color:#ef4444;outline:none}.clear-api-key-button:active{box-shadow:0 1px 4px #ef44444d;transform:translateY(0)}.menu-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;min-width:20px;width:20px}@media (max-width:480px){.settings-dropdown{right:-8px}.settings-menu-item{font-size:1rem;padding:14px 16px}}.weather-app{min-height:100vh;position:relative;width:100%;z-index:1}.weather-app__content{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px;padding:20px;position:relative;z-index:2}.weather-app__header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:10}.api-key-login__header h1,.weather-app__title h1{-webkit-text-fill-color:#0000;animation:gradientShift 20s ease-in-out infinite;background:linear-gradient(45deg,#4f46e5,#7c3aed,#c026d3);-webkit-background-clip:text;background-clip:text;background-size:150% 150%;font-size:2.5rem;font-weight:300;margin:0;text-shadow:0 0 30px #7c3aed80}.weather-app__title p{color:#ffffffb3;font-size:1.1rem;margin:5px 0 0}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}.weather-app__controls{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:flex-end;max-width:350px}.weather-app__controls .location-search{flex:1 1;min-width:300px}.locations-container{display:flex;flex-direction:column;gap:30px}.coordinates{color:#fff9;font-size:.9rem;margin:5px 0}.last-updated{color:#ffffff80;font-size:.8rem;margin:10px 0 0}.weather-app__welcome{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.welcome-content{max-width:600px;text-align:center}.get-started-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:0 auto;max-width:500px;padding:2rem;text-align:center}.get-started-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.get-started-text{color:#fffc;font-size:1rem;line-height:1.5;margin:0 0 2rem}.search-container{display:flex;justify-content:center}.notice-content h3{color:#f59e0b;font-size:1.3rem;margin:0 0 15px}.notice-content p{color:#fffc;line-height:1.5;margin:0 0 15px}.notice-content ul{color:#ffffffb3;margin:10px 0 15px 20px}.notice-content li{margin-bottom:5px}.notice-content code{background:#ffffff1a;border-radius:4px;color:#f59e0b;font-family:monospace;padding:2px 6px}.notice-content a{border-bottom:1px solid #0000;color:#7c3aed;text-decoration:none;transition:all .2s ease}.notice-content a:hover{border-bottom-color:#7c3aed;color:#8b5cf6;text-decoration:none}.notice-content a:focus{border-radius:3px;box-shadow:0 0 0 2px #7c3aed4d;outline:none}.no-data-message{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:20px;padding:20px;text-align:center}.no-data-icon{font-size:2.5rem;min-width:50px;opacity:.6}.no-data-text{flex:1 1}.no-data-text h4{color:#fffc;font-size:1.2rem;margin:0 0 10px}.no-data-text p{color:#fff9;line-height:1.4;margin:0}@media (max-width:768px){.weather-app__content{padding:15px}.weather-app__header{flex-direction:column;gap:20px;text-align:center}.api-key-login__header h1,.weather-app__title h1{font-size:2rem}}@media (max-width:480px){.weather-app__content{padding:10px}.api-key-login__header h1,.weather-app__title h1{font-size:1.8rem}.weather-app__controls .location-search{min-width:280px}}.update-dot{animation:pulse 1.5s infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.weather-app__content{opacity:1;transition:opacity .2s ease-in-out}@keyframes stableFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.weather-app__content[data-initial-load=true]>*{animation:stableFadeIn .4s ease-out backwards}.weather-app__content[data-initial-load=true]>:first-child{animation-delay:.05s}.weather-app__content[data-initial-load=true]>:nth-child(2){animation-delay:.1s}.weather-app__content[data-initial-load=true]>:nth-child(3){animation-delay:.15s}.weather-app__content[data-initial-load=true]>:nth-child(4){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.weather-app__content>*{animation:none!important}.update-dot{animation:none}.weather-app__content{transition:none}}:root{--primary-color:#7c3aed;--primary-light:#8b5cf6;--primary-dark:#5b21b6;--accent-color:#4f46e5;--background-dark:#0f0f1a;--background-medium:#1a1a2e;--background-light:#16213e;--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#fff9;--border-color:#ffffff1a;--border-hover:#fff3;--glass-bg:#ffffff0d;--glass-hover:#ffffff14;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0003;--shadow-glow:0 0 20px #7c3aed4d;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.App{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);background:linear-gradient(135deg,var(--background-dark) 0,var(--background-medium) 50%,var(--background-light) 100%);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}@media (max-width:768px){.App{padding:10px}}@media (max-width:480px){.App{padding:5px}}html{scroll-behavior:smooth}::selection{background-color:#7c3aed4d;color:#fff}:focus{outline:none}:focus-visible{box-shadow:0 0 0 4px #7c3aed33;outline:none;outline-offset:2px}.skip-link{background:#7c3aed;background:var(--primary-color);border-radius:6px;border-radius:var(--radius-sm);color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:top .15s ease;transition:top var(--transition-fast);z-index:1000}.skip-link:focus{top:6px}[role=button]:focus-visible,button:focus-visible,input:focus-visible{box-shadow:0 0 0 4px #7c3aed33;outline:none;outline-offset:2px}button{background:none;border:none;cursor:pointer;font-family:inherit;transition:all .3s ease;transition:all var(--transition-normal)}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.App:before{animation:none}button:hover{transform:none}}:root{--color-error:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-info:#3b82f6}.error{background-color:#ef44441a;border-color:#ef4444;border-color:var(--color-error)}.info{background-color:#3b82f61a;border-color:#3b82f6;border-color:var(--color-info)}@media (prefers-contrast:more){:root{--border-color:#ffffff4d;--border-hover:#ffffff80;--glass-bg:#ffffff1a;--text-secondary:#ffffffe6;--text-tertiary:#fffc}}
/*# sourceMappingURL=main.cef15c6b.css.map*/