body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;min-height:100vh}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;padding:50px 20px 20px}.app-header{color:#fff;margin-bottom:30px;text-align:center}.app-header h1{font-size:2.5rem;font-weight:700;margin:0}.app-header .subtitle{font-size:1rem;margin-top:5px;opacity:.9}.app-main{display:flex;flex:1 1;flex-direction:column;gap:20px}.controls{flex-wrap:wrap;gap:15px}.controls,.location-selector{align-items:center;display:flex}.location-selector{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex:1 1;gap:10px;min-width:200px;padding:12px 15px}.location-selector label{align-items:center;color:#333;display:flex;font-weight:500;gap:5px}.location-icon{font-size:1.2rem}.city-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;padding:8px;transition:border-color .3s}.city-select:focus{border-color:#667eea;outline:none}.btn-primary,.btn-refresh{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .3s;white-space:nowrap}.btn-refresh{background:#fff;box-shadow:0 2px 10px #0000001a;color:#667eea}.btn-refresh:hover:not(:disabled){box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#667eea;box-shadow:0 2px 10px #667eea4d}.btn-primary:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.weather-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000026;padding:25px}.weather-card.loading{padding:40px;text-align:center}.weather-card.error{background:#fee;border:2px solid #fcc}.weather-card.no-data{color:#666;text-align:center}.weather-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px}.weather-header h2{color:#333;font-size:1.8rem;margin:0}.weather-header small{color:#888;font-size:.9rem}.weather-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.eccc-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;flex:1 1;font-size:.95rem;font-weight:500;min-width:140px;padding:10px 15px;text-align:center;text-decoration:none;transition:all .3s ease}.eccc-link:hover{box-shadow:0 4px 12px #667eea66;opacity:.95;transform:translateY(-2px)}.watch-button{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;min-width:140px;padding:10px 15px;transition:all .3s ease}.watch-button:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33;transform:translateY(-2px)}.watch-button.watching{background:linear-gradient(135deg,#4caf50,#388e3c);border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.watch-button.watching:hover{box-shadow:0 4px 12px #4caf5066}.weather-today h3{color:#667eea;font-size:1.3rem;margin:0 0 10px}.condition{color:#333!important;font-size:2rem!important;margin:15px 0!important;text-align:center}.temperature{margin-bottom:20px;text-align:center}.temp-value{color:#667eea;display:inline-block;font-size:4rem;font-weight:700}.rain-alert{background:#e3f2fd;border:2px solid #2196f3;color:#1565c0}.rain-alert,.snow-alert{font-size:1.2rem;font-weight:600;text-align:center}.snow-alert{background:#f3f4f6;border:2px solid #60a5fa;border-radius:10px;color:#1e40af;margin-top:20px;padding:15px}.weather-summary{color:#555;line-height:1.6;margin:0}.weather-tonight{border-top:2px solid #f0f0f0;margin-top:25px;padding-top:20px}.tonight-header{color:#667eea;font-size:1.3rem;font-weight:600;margin:0 0 12px}.tonight-title{color:#333;font-size:1.1rem;line-height:1.5;margin:10px 0}.tonight-temp{color:#667eea;font-size:1.2rem;font-weight:600;margin-top:10px}.rain-alert{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;gap:10px;margin-top:20px;padding:15px}.rain-alert.high{background:#e3f2fd;border:2px solid #2196f3;color:#1565c0}.rain-alert.medium{background:#fff3e0;border:2px solid #ff9800;color:#e65100}.rain-alert strong{flex:1 1}.probability{font-weight:700}.no-rain{align-items:center;background:#e8f5e9;border:2px solid #4caf50;border-radius:10px;color:#2e7d32;display:flex;font-size:1.1rem;gap:10px;margin-top:20px;padding:15px}.settings{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000026;padding:25px}.settings h3{color:#333;font-size:1.3rem;margin:0 0 15px}.notification-prompt{text-align:center}.notification-prompt p{color:#666;margin-bottom:15px}.notification-status{border-radius:10px;padding:15px;text-align:center}.notification-status.enabled{background:#e8f5e9;border:2px solid #4caf50;color:#2e7d32}.notification-status.denied{background:#ffebee;border:2px solid #f44336;color:#c62828}.notification-status p{font-weight:500;margin:0 0 5px}.notification-status small{color:inherit;opacity:.8}.warning{background:#fff3e0;border:2px solid #ff9800;border-radius:10px;color:#e65100;padding:15px;text-align:center}.app-footer{color:#fff;margin-top:30px;opacity:.8;padding:20px 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 15px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.app-container{padding:15px}.app-header h1{font-size:2rem}.controls{align-items:stretch;flex-direction:column}.btn-refresh{width:100%}}.city-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.city-tag{align-items:center;background:#667eea;border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:6px 12px}.remove-city-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-left:4px;opacity:.8;padding:0;transition:opacity .2s}.remove-city-btn:hover{opacity:1}.btn-secondary{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s}.btn-secondary:hover{background:#667eea;color:#fff}.city-selector{background:#f8f9fa;border-radius:10px;max-height:300px;overflow-y:auto;padding:15px}.city-checkboxes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.city-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px;transition:background .2s}.city-checkbox:hover{background:#e9ecef}.city-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.city-checkbox span{-webkit-user-select:none;user-select:none}.city-selector::-webkit-scrollbar{width:8px}.city-selector::-webkit-scrollbar-track{background:#e9ecef;border-radius:4px}.city-selector::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.city-selector::-webkit-scrollbar-thumb:hover{background:#5568d3}.theme-selector{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.theme-selector h4{color:#333;font-size:14px;font-weight:600;margin-bottom:10px}.theme-options{display:flex;flex-direction:column;gap:8px}.theme-option{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:block;padding:10px;transition:all .2s}.theme-option:hover{background:#f8f9fa;transform:translateX(2px)}.theme-option input[type=radio]{accent-color:#2196f3;cursor:pointer;margin-right:8px}.theme-option.selected{background:#e3f2fd;border:2px solid #2196f3}.theme-option span{font-weight:400;-webkit-user-select:none;user-select:none}.theme-option .theme-description{color:#666;font-size:12px;margin-left:24px;margin-top:4px}.ios-automation-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 8px #0003;margin-bottom:20px;padding:16px}.banner-content{align-items:center;color:#fff;display:flex;gap:12px}.banner-icon{flex-shrink:0;font-size:24px}.banner-text{flex:1 1;font-size:14px;line-height:1.4}.btn-banner{background:#fff;border:none;border-radius:20px;color:#667eea;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.btn-banner:hover{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.shortcuts-guide-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.shortcuts-guide-content{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.shortcuts-guide-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.shortcuts-guide-header h2{font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.shortcuts-guide-body{padding:24px}.guide-intro{margin-bottom:24px}.guide-important{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;font-size:14px;line-height:1.6;margin:0;padding:12px 16px}.guide-section{margin-bottom:32px}.guide-section h3{color:#667eea;font-size:20px;font-weight:600;margin:0 0 16px}.guide-steps{line-height:2;margin:0;padding-left:24px}.guide-steps li{font-size:15px;margin-bottom:8px}.guide-steps strong{color:#333;font-weight:600}.guide-tip{background:#e3f2fd;border-left:4px solid #2196f3}.guide-tip,.guide-warning{border-radius:4px;font-size:14px;line-height:1.6;margin-top:16px;padding:12px 16px}.guide-warning{background:#ffebee;border-left:4px solid #f44336}.guide-recommendations{line-height:2;margin:0;padding-left:24px}.guide-recommendations li{font-size:15px;margin-bottom:8px}.guide-troubleshooting{display:flex;flex-direction:column;gap:16px}.troubleshooting-item{background:#f5f5f5;border-radius:8px;padding:16px}.troubleshooting-item strong{color:#667eea;display:block;font-size:16px;margin-bottom:8px}.troubleshooting-item ul{margin:8px 0 0;padding-left:20px}.troubleshooting-item li{font-size:14px;line-height:1.6;margin-bottom:4px}.shortcuts-guide-footer{background:#f5f5f5;border-radius:0 0 16px 16px;bottom:0;display:flex;justify-content:center;padding:16px 24px;position:-webkit-sticky;position:sticky}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}@media (max-width:640px){.shortcuts-guide-overlay{padding:0}.shortcuts-guide-content{border-radius:0;max-height:100vh}.shortcuts-guide-footer,.shortcuts-guide-header{border-radius:0}.banner-content{flex-wrap:wrap}.banner-text{flex-basis:100%;margin-top:8px;order:2}.btn-banner{margin-top:8px;order:3;width:100%}}
/*# sourceMappingURL=main.9ba90370.css.map*/