*{box-sizing:border-box;margin:0;padding:0}:root{--bg-body: #c8dce6;--text-primary: #1a202c;--text-secondary: #2d3748;--border: rgba(0, 0, 0, .1);--accent: #2ECC71;--accent-dim: rgba(46, 204, 113, .15);--header-bg: #1a2a4a;--header-text: #ffffff;--font-base: 18px}.dark{--bg-body: #0a1628;--text-primary: #e6edf3;--text-secondary: #b0c4de;--border: rgba(255, 255, 255, .08)}html{font-size:var(--font-base)}body{background:var(--bg-body);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .3s,color .3s;margin:0;padding:0;overflow-x:hidden;font-size:1rem}.app-root{min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--bg-body)}.weather-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.sun-container{position:absolute;top:8%;right:12%;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.sun-core{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#ffe066 40%,#fbbf24);box-shadow:0 0 40px 12px #fbbf2459;animation:sun-pulse 4s ease-in-out infinite}@keyframes sun-pulse{0%,to{box-shadow:0 0 40px 12px #fbbf2459}50%{box-shadow:0 0 60px 20px #fbbf2480}}.sun-ray{position:absolute;width:3px;background:linear-gradient(to bottom,rgba(251,191,36,.8),transparent);transform-origin:top center;top:50%;left:calc(50% - 1.5px);animation:ray-spin 12s linear infinite}@keyframes ray-spin{0%{transform:rotate(0) translateY(-50%)}to{transform:rotate(360deg) translateY(-50%)}}.cloud-shape{position:absolute;left:-120px;width:200px;height:60px;background:#ffffffd9;border-radius:50px;animation:drift-cloud linear infinite;box-shadow:0 4px 12px #0000000f}.cloud-shape:before{content:"";position:absolute;top:-28px;left:30px;width:80px;height:80px;background:inherit;border-radius:50%}.cloud-shape:after{content:"";position:absolute;top:-18px;left:90px;width:55px;height:55px;background:inherit;border-radius:50%}@keyframes drift-cloud{0%{transform:translate(-220px)}to{transform:translate(calc(100vw + 220px))}}.rain-drop{position:absolute;top:-20px;width:2px;background:linear-gradient(to bottom,transparent,rgba(147,197,253,.7));border-radius:2px;animation:rain-fall linear infinite}.heavy-rain{width:2.5px;background:linear-gradient(to bottom,transparent,rgba(96,165,250,.8))}@keyframes rain-fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:1}to{transform:translateY(110vh);opacity:.6}}.drizzle-drop{position:absolute;top:-10px;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(147,197,253,.45));border-radius:2px;animation:rain-fall linear infinite}.lightning-bolt{position:absolute;width:3px;height:60px;background:linear-gradient(to bottom,#fef08a,#fbbf24,transparent);border-radius:2px;animation:lightning-flash var(--cycle, 8s) ease-in-out infinite;box-shadow:0 0 12px 4px #fbbf2499}@keyframes lightning-flash{0%,90%,to{opacity:0}91%,93%{opacity:1}92%{opacity:.2}94%,96%{opacity:0}95%{opacity:.8}}.snowflake{position:absolute;top:-12px;background:#fff;border-radius:50%;animation:snow-drift linear infinite}@keyframes snow-drift{0%{transform:translateY(-12px) translate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) translate(var(--sway, 40px));opacity:.7}}.fog-layer{position:absolute;left:-10%;width:120%;height:60px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent);border-radius:100%;animation:fog-drift linear infinite}@keyframes fog-drift{0%{transform:translate(-10%)}to{transform:translate(10%)}}.leaf{position:absolute;top:-16px;border-radius:40% 0;animation:leaf-fall linear infinite}@keyframes leaf-fall{0%{transform:translateY(-16px) rotate(var(--rotate-start, 0deg));opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(calc(var(--rotate-start, 0deg) + 720deg));opacity:.6}}.app-header{text-align:center;padding:.5rem 0;background:var(--header-bg);color:var(--header-text);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.app-header .brand{font-style:italic;font-size:1rem;font-weight:300;letter-spacing:.5px}.header-inner{display:flex;justify-content:space-between;align-items:center;max-width:780px;margin:0 auto;padding:0 1rem}.hero-section{background:var(--bg-body);padding:1.2rem 1rem;border-radius:16px;margin-bottom:1.2rem;box-shadow:0 2px 8px #0000000d;position:relative;z-index:1}.hero-controls{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem}.hero-pill{background:var(--border);border:none;padding:.15rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;color:var(--text-primary);cursor:pointer}.hero-search{margin-bottom:.8rem}.hero-current{text-align:center}.hero-temp{font-size:3.5rem;font-weight:700;line-height:1.1}.hero-desc{font-size:1.2rem;opacity:.8}.hero-feels{font-size:.95rem;opacity:.7}.search-container{width:100%;position:relative}.search-form{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-body)}.search-icon{margin:0 .4rem;color:var(--text-secondary)}.search-input{flex:1;padding:.4rem .2rem;border:none;background:transparent;color:var(--text-primary);outline:none;font-size:.95rem}.search-btn{background:var(--accent);color:#fff;border:none;border-radius:0 8px 8px 0;padding:.3rem .9rem;cursor:pointer;font-weight:600;font-size:.8rem}.search-btn:disabled{opacity:.5}.btn-spinner{width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.autocomplete-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--bg-body);border:1px solid var(--border);border-radius:8px;list-style:none;padding:.2rem 0;z-index:50;max-height:150px;overflow-y:auto}.autocomplete-dropdown li{padding:.4rem .8rem;cursor:pointer;display:flex;align-items:center;font-size:.9rem}.autocomplete-dropdown li:hover{background:var(--accent-dim)}.weather-main{flex:1;padding:.8rem 1rem 2rem;max-width:780px;margin:0 auto;width:100%;position:relative;z-index:1}.weather-content-wrap{background:var(--bg-body);padding:1.2rem;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:.5rem}.clock-section{text-align:center;margin-bottom:1rem}.greeting-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.greeting-label{font-size:1.1rem;font-weight:500}.digital-clock{font-size:3rem;font-weight:700;letter-spacing:1px;line-height:1.2}.clock-ampm{font-size:1.2rem;font-weight:500;margin-left:.3rem;opacity:.7}.clock-date{font-size:1rem;opacity:.6}.clock-tz{font-size:.8rem;opacity:.5}.clock-sep{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.analog-clock{display:block;margin:0 auto;max-width:130px;height:auto;color:var(--text-primary)}.clock-display{display:inline-block;padding:4px 10px;border-radius:12px;transition:background .2s;cursor:pointer}.clock-display:hover{background:var(--border)}.enhanced-weather-flat{width:100%}.flat-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:.4rem;margin-bottom:.8rem}.flat-header h1{font-size:1.6rem;font-weight:700;margin:0}.flat-header div{font-size:.95rem;opacity:.6}.flat-tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--border);padding-bottom:.4rem;margin-bottom:.8rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.flat-tabs::-webkit-scrollbar{display:none}.flat-tabs button{flex:0 0 auto;background:none;border:none;padding:.3rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);border-radius:20px;cursor:pointer;transition:all .2s}.flat-tabs button.active{background:var(--accent);color:#fff}.flat-tabs button:hover:not(.active){background:var(--accent-dim)}.flat-details-table{overflow-x:auto;margin:.8rem 0}.flat-details-table table{width:100%;border-collapse:collapse;font-size:.9rem}.flat-details-table th,.flat-details-table td{padding:.4rem .6rem;border-bottom:1px solid var(--border);text-align:left}.flat-details-table th{font-weight:600;opacity:.7}.flat-details-table td:last-child{font-style:italic;opacity:.8}.flat-advice-summary{background:var(--border);border-radius:10px;padding:.6rem .9rem;margin-top:.8rem}.flat-advice-summary ul{list-style:none;padding:0;margin:.3rem 0 0}.flat-advice-summary li{padding:.1rem 0}.flat-hourly .hourly-scroll{display:flex;overflow-x:auto;gap:1rem;padding:.5rem 0;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.flat-hour-item{flex:0 0 80px;text-align:center;background:var(--border);border-radius:10px;padding:.4rem .2rem;scroll-snap-align:start}.flat-hour-item>div{font-size:.8rem}.flat-hour-item .hourly-temp{font-weight:700;font-size:1rem}.flat-daily{margin-top:.5rem}.flat-day-item{display:flex;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border);gap:.6rem;flex-wrap:wrap}.flat-day-item>span:first-child{flex:1;font-weight:600;font-size:1rem}.flat-day-item .flat-low{opacity:.5}.flat-day-item>span{font-size:.95rem;white-space:nowrap}.day-advice{font-size:.7rem;opacity:.7;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flat-airquality{padding:.5rem 0}.aq-current{text-align:center;margin-bottom:1rem}.aq-big{font-size:3rem;font-weight:700}.aq-label{font-size:1.2rem;font-weight:600}.aq-scale{display:flex;justify-content:space-between;margin:.5rem 0;border-radius:8px;overflow:hidden}.aq-level{flex:1;padding:.2rem;font-size:.6rem;font-weight:600;color:#fff;text-align:center}.aq-pollutants{margin:.8rem 0}.aq-pollutants>div{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid var(--border)}.aq-pollutants h4{margin-bottom:.4rem}.aq-advice{background:var(--border);border-radius:10px;padding:.6rem .9rem;margin-top:.8rem}.aq-advice h4{margin:0 0 .2rem}.flat-radar{padding:.5rem 0}.radar-iframe{border-radius:12px;border:none;width:100%;height:400px}@media (max-width: 600px){.radar-iframe{height:300px}}.flat-alerts{padding:.5rem 0}.alert-item{background:var(--border);border-radius:10px;padding:.8rem 1rem;margin-bottom:.8rem}.alert-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.alert-severity{display:inline-block;padding:.1rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.alert-title{font-weight:600;font-size:.95rem}.alert-desc{font-size:.9rem;opacity:.8;margin-bottom:.2rem}.alert-meta{font-size:.7rem;opacity:.5}.flat-monthly h3{text-align:center;margin-bottom:.5rem}.temp-graph{width:100%;height:auto;max-height:200px;background:var(--border);border-radius:12px;padding:.2rem}.graph-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.4rem;font-size:.85rem}.weather-blog{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid var(--border)}.blog-intro{margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.blog-intro h2{font-size:1.4rem;font-weight:700;margin-bottom:.3rem;display:flex;align-items:center}.blog-intro p{font-size:.95rem;line-height:1.6;opacity:.85;margin:.3rem 0}.blog-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1rem 0}.blog-col h3{font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.blog-col p,.blog-col ul{font-size:.9rem;line-height:1.5;opacity:.85}.blog-col ul{list-style:none;padding:0}.blog-col ul li{padding:.1rem 0}.blog-footer{text-align:center;margin-top:1rem;font-size:.85rem;opacity:.6;border-top:1px solid var(--border);padding-top:.8rem}.blog-footer a{color:var(--accent);text-decoration:none}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;position:relative;min-height:150px}.pulse-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-70%);border-radius:50%;border:2px solid var(--accent);animation:pulse-expand 1.5s ease-out infinite}.pulse-ring.delay1{animation-delay:.5s}.pulse-ring.delay2{animation-delay:1s}@keyframes pulse-expand{0%{transform:translate(-50%,-70%) scale(.5);opacity:1}to{transform:translate(-50%,-70%) scale(2);opacity:0}}.loading-label{margin-top:80px;font-size:1rem;opacity:.6}.error-state{padding:2rem;text-align:center;font-size:1.1rem;opacity:.7}.weather-footer{border-top:1px solid var(--border);padding:.8rem 1.2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;font-size:.85rem;color:var(--text-secondary);background:var(--bg-body)}.weather-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.weather-footer a:hover{color:var(--accent)}.share-icon-btn{background:none;border:none;color:var(--header-text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.share-icon-btn:hover{background:#ffffff26}.share-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;animation:fadeIn .2s ease}.share-popup{background:var(--bg-body);border-radius:20px;padding:1.2rem 1.5rem;max-width:360px;width:90%;box-shadow:0 12px 40px #0003;border:1px solid var(--border);animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.share-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.share-popup-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.share-popup-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;transition:background .2s}.share-popup-close:hover{background:var(--border)}.share-popup-body{display:flex;flex-direction:column;gap:.6rem}.share-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.6rem 0}.share-social-btn{background:var(--border);border:none;border-radius:12px;padding:.6rem;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.share-social-btn:hover{background:var(--accent-dim);transform:scale(1.05)}.share-social-btn svg{width:28px;height:28px;stroke:var(--text-primary)}.share-option-native{display:flex;align-items:center;gap:.8rem;background:var(--accent);border:none;padding:.6rem 1rem;border-radius:12px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;width:100%;transition:background .2s;margin-bottom:.3rem}.share-option-native:hover{background:#27ae60}.share-option-native svg{stroke:#fff}.share-option-copy{display:flex;align-items:center;gap:.8rem;background:var(--border);border:none;padding:.6rem 1rem;border-radius:12px;font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;width:100%;transition:background .2s}.share-option-copy:hover{background:var(--accent-dim)}.share-option-copy svg{flex-shrink:0}@media (max-width: 600px){.flat-tabs button{font-size:.75rem;padding:.2rem .7rem}.flat-tabs{gap:.2rem}.flat-header h1{font-size:1.2rem}.flat-header div{font-size:.75rem}.hero-temp{font-size:2.8rem}.flat-details-table table{font-size:.8rem}.flat-details-table th,.flat-details-table td{padding:.3rem .4rem}.blog-columns{grid-template-columns:1fr;gap:1rem}.flat-hour-item{flex:0 0 60px}.flat-day-item{flex-wrap:wrap}.day-advice{display:none}.hero-section{padding:1rem .6rem}.hero-controls{gap:.3rem}.hero-pill{font-size:.6rem;padding:.1rem .4rem}.digital-clock{font-size:2.4rem}.clock-date{font-size:.9rem}.weather-content-wrap{padding:.8rem}.radar-iframe{height:300px}}@media (max-width: 400px){.flat-tabs button{font-size:.65rem;padding:.15rem .5rem}.hero-temp{font-size:2.2rem}.digital-clock{font-size:2rem}.flat-header h1{font-size:1rem}.install-overlay{position:fixed;bottom:0;left:0;right:0;top:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.install-card{background:var(--bg-body);border-radius:20px;max-width:400px;width:100%;padding:1.5rem;box-shadow:0 20px 60px #0000004d;position:relative;border:1px solid var(--border)}.install-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.install-brand{font-style:italic;font-size:1rem;font-weight:300;color:var(--text-primary);opacity:.7}.install-close{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:.2rem .5rem;border-radius:50%;transition:background .2s}.install-close:hover{background:var(--border)}.install-body{text-align:center}.install-icon{font-size:3rem;margin:0 0 .5rem}.install-body h3{font-size:1.3rem;font-weight:700;margin:0 0 .3rem;color:var(--text-primary)}.install-desc{font-size:.95rem;opacity:.8;margin:0 0 1rem;line-height:1.5}.ios-instructions{text-align:left;background:var(--border);border-radius:12px;padding:.8rem 1rem;margin:.5rem 0}.ios-step{font-size:.9rem;padding:.2rem 0;opacity:.9}.ios-share{display:inline-block;font-size:1.2rem;font-weight:700}.install-btn{background:var(--accent);color:#fff;border:none;padding:.7rem 2rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;width:100%;margin:.5rem 0}.install-btn:hover{background:#27ae60;transform:scale(1.02)}.install-note{font-size:.75rem;opacity:.5;margin:.5rem 0 0}.install-footer{margin-top:1rem;text-align:center}.install-later{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;opacity:.6;padding:.3rem 1rem;border-radius:20px;transition:opacity .2s}.install-later:hover{opacity:1}.dark .install-card{background:var(--bg-body)}.dark .install-overlay{background:#000000b3}@media (max-width: 480px){.install-card{padding:1.2rem;margin:.5rem}.install-body h3{font-size:1.1rem}.install-icon{font-size:2.5rem}}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{height:100%}body{margin:0}