:root{--primary-color: #007aff;--background-color: #f9f9f9;--text-color: #1e1e1e;--card-bg: #ffffff;--card-text: #1e1e1e;--card-title: #111111;--alert-bg: #ff3b30;--alert-text: #ffffff;--font-family: "Segoe UI", Roboto, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);min-height:100vh;padding:0}h1{font-size:2.5rem;margin-bottom:1.2rem;color:var(--primary-color);text-align:center}h2{margin-top:0;font-size:1.5rem}input,select,button{font-size:1rem;padding:.6rem;border-radius:8px;border:1px solid #ccc;margin-right:.5rem;font-family:inherit}input:focus,select:focus,button:focus{outline:2px solid var(--primary-color)}button{background-color:var(--primary-color);color:#fff;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#005dc1}button:focus-visible{outline:2px dashed var(--primary-color);outline-offset:2px}.container{margin:0 auto;background-color:var(--card-bg);padding:1rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:left}.card{background-color:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 6px #0000000d}.alert-banner{width:100%;box-sizing:border-box;background:#dc2626;color:#fff;border:2px solid #991b1b;border-radius:12px;padding:.8rem 1rem;margin:.9rem 0;font-weight:700;text-align:center;box-shadow:0 4px 12px #dc262640;animation:pulse-banner 1.2s infinite}@keyframes pulse-banner{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.92}to{transform:scale(1);opacity:1}}.recommendation-title{font-weight:600;margin-bottom:.5rem;font-size:1.2rem;color:orange}.recommendation-title.safe{color:green}.recommendation-title.mild{color:#ff8c00}.recommendation-title.moderate{color:orange}.recommendation-title.high{color:red}.recommendation-title.ext{color:#8b0000}.recommendation-box{background-color:#f3f4f6;border-left:4px solid var(--primary-color);padding:1rem;border-radius:10px;margin-top:1rem;font-size:.96rem;line-height:1.55;color:#111827}.recommendation-box.nightCool{background:#eef5fb;border-left-color:#60a5fa;color:#1e3a5f}.recommendation-box.nightSafe{background:#eef7f3;border-left-color:#38bdf8;color:#1f4b57}.recommendation-box.nightHeat{background:#fff7ed;border-left-color:#fb923c;color:#9a3412}.recommendation-box.cold_low{background:#edf5ff;border-left-color:#60a5fa;color:#1e3a8a}.risk-level.safe{color:gray}.risk-level.mild{color:green}.risk-level.moderate{color:orange}.risk-level.high{color:red}.risk-level.ext{color:#8b0000}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media (prefers-color-scheme: dark){:root{--primary-color: #0a84ff;--background-color: #1e1e1e;--text-color: #f5f5f5;--card-bg: #2a2a2a;--card-text: #f5f5f5;--card-title: #ffffff;--alert-bg: #ff453a;--alert-text: #ffffff}input,select,button{background-color:#2a2a2a;color:#f5f5f5;border:1px solid #555}input::placeholder{color:#aaa}.container{box-shadow:0 0 12px #ffffff0d}button:hover{background-color:#0060d0}.recommendation-box{background-color:#333;border-left:4px solid var(--primary-color)}}.uv-block{background:#fff;border-radius:6px;padding:.8rem 1rem;margin-top:1rem;box-shadow:0 2px 4px #00000014,inset 0 0 0 1px #0000000d}.uv-title{font-size:1.1rem;font-weight:600;margin-bottom:.6rem}.uv-current-value{font-weight:600;font-size:1.05rem;margin-left:.25rem}.uv-risk-card{margin-top:.5rem;padding:.55rem .85rem;border-radius:6px;color:#fff;font-weight:600}.uv-low{background-color:#2ecc71}.uv-moderate{background-color:#f1c40f}.uv-high{background-color:#e67e22}.uv-very-high{background-color:#e74c3c}.uv-extreme{background-color:#8b00ff}.uv-block{background:#fff;border-radius:6px;padding:.8rem 1rem;margin-top:1rem;border:2px solid rgba(0,0,0,.15);box-shadow:0 2px 6px #0000001a,inset 0 0 0 1px #0000000d}.uv-risk-card{margin-top:.5rem;padding:.65rem .95rem;border-radius:6px;color:#fff;font-weight:600;box-shadow:0 1px 4px #0000002e}.uv-block{position:relative;background:#fff;border-radius:10px;padding:1.2rem 1.2rem 1.2rem 1.4rem;margin-top:1.4rem;border:2px solid rgba(0,0,0,.12);box-shadow:0 3px 10px #0000001a;overflow:hidden}.uv-block:before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;border-radius:10px 0 0 10px;background:var(--uv-color, #2ecc71)}.uv-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.45rem;margin-bottom:.6rem}.uv-title:before{content:"☀️";font-size:1.3rem}.uv-current-value{font-weight:700;font-size:1.2rem;margin-left:.35rem}.uv-risk-card{margin-top:.7rem;padding:.7rem 1rem;border-radius:8px;font-weight:600;color:#fff;box-shadow:inset 0 0 10px #00000026}.uv-low{--uv-color: #2ecc71;background-color:#2ecc71}.uv-moderate{--uv-color: #f1c40f;background-color:#f1c40f}.uv-high{--uv-color: #e67e22;background-color:#e67e22}.uv-very-high{--uv-color: #e74c3c;background-color:#e74c3c}.uv-extreme{--uv-color: #8b00ff;background-color:#8b00ff}.uv-advice{margin-top:.8rem;font-size:.95rem;line-height:1.45;opacity:.9}.uv-block.uv-night{--uv-color: #94a3b8;background:#f8fafc;border-color:#64748b47;box-shadow:0 2px 8px #0f172a0f,inset 0 0 0 1px #94a3b824}.uv-block.uv-night:before{background:#94a3b8}.uv-block.uv-night .uv-title{color:#334155}.uv-block.uv-night .uv-title:before{content:"🌙"}.uv-block.uv-night .data-label{color:#475569}@media (prefers-color-scheme: dark){.uv-block{background-color:#ffffff0f!important;border:1px solid rgba(255,255,255,.1);color:#fff}.uv-title,.uv-current-value{color:#fff!important}.uv-risk-card{border:1px solid rgba(255,255,255,.2)}}@media (prefers-color-scheme: dark){.recomanacions-box{background-color:#ffffff14!important;border-left:4px solid #90caf9!important;color:#e3f2fd!important}}@media (prefers-color-scheme: dark){.block-wind{background-color:#ffffff0f!important;color:#111827!important;border:1px solid rgba(255,255,255,.15)}.block-wind strong,.block-wind p,.block-wind span{color:#111827!important}}.block-wind{font-weight:700}.current-conditions p strong,.data-label strong{margin-right:.25rem}.heat-safe{background-color:#7bc043;color:#fff}.heat-mild{background-color:#f3ca40;color:#000}.heat-moderate{background-color:#f5a623;color:#000}.heat-high{background-color:#f15a29;color:#fff}.heat-ext{background-color:#c1272d;color:#fff}.temp-risk-card{border-radius:8px;padding:.75rem;margin-top:1rem;font-weight:500}.sky-card{background:#e8eef5!important;border-radius:14px!important;padding:1rem 1.25rem!important;margin:1rem 0!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 4px 10px #00000014!important;text-align:left!important}.sky-row{display:flex!important;align-items:center!important;gap:.75rem!important;margin-top:.5rem!important}.sky-small-icon{width:26px!important;height:26px!important;opacity:.9!important}.sky-desc{font-size:1rem!important;font-weight:500!important;color:#333!important}@media (prefers-color-scheme: dark){.sky-desc{color:#e2e8f0!important}}.update-card{display:inline-flex;align-items:center;gap:.45rem;background:#00000008;color:var(--card-text);border-radius:8px;border:1px solid rgba(0,0,0,.1);padding:.35rem .6rem;margin:.45rem 0 .9rem;font-size:.88rem}.update-icon{font-size:1rem;opacity:.85}.update-text{font-weight:500;opacity:.85}@media (prefers-color-scheme: dark){.update-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#ffffffe6}.update-text{opacity:.9}}.official-card{background-color:var(--card-bg);color:var(--card-text);padding:1.4rem;border-radius:12px;margin-top:1.4rem;text-align:left;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #00000014;transition:background-color .3s ease,color .3s ease}.official-title{font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.official-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.official-item{padding:.6rem .8rem;border-radius:8px;font-weight:500;text-decoration:none;color:var(--card-text);background:#0000000a;transition:background .2s,transform .2s;display:inline-block}.official-item:hover{background:#00000014;transform:translate(3px)}@media (prefers-color-scheme: dark){.official-item{background:#ffffff0f}.official-item:hover{background:#ffffff24}}.aemet-alert-card{background-color:var(--card-bg);color:var(--card-text);border-radius:12px;padding:1.2rem 1.4rem;margin:1.5rem 0;border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 6px #0000001a;transition:background .3s ease,border-color .3s ease}.aemet-alert-title{font-size:1.1rem;font-weight:600;margin-bottom:.6rem}.alert-low{border-left:6px solid #4caf50}.alert-mod{border-left:6px solid #ffc107}.alert-high{border-left:6px solid #ff9800}.alert-ext{border-left:6px solid #f44336}.aemet-alert-description{font-size:.95rem;line-height:1.4;margin-top:.5rem}.aemet-alert-source{margin-top:.8rem;font-size:.85rem;opacity:.8}.official-advanced-card{border-radius:12px;padding:1rem 1.3rem;margin:1.4rem 0;border:1px solid rgba(0,0,0,.12);box-shadow:0 4px 12px #00000029;text-align:left}.official-advanced-low{background:#e9fbe9}.official-advanced-moderate{background:#fff8db}.official-advanced-high{background:#ffe3d6}.official-advanced-extreme{background:#ffd6d6}.official-share-btn{background:#1e88e5;color:#fff;border:none;padding:.35rem .7rem;border-radius:8px;cursor:pointer;font-size:.85rem}.official-expand-btn{width:100%;margin-top:.7rem;padding:.45rem;border-radius:8px;border:1px solid #999;background:#f3f3f3;cursor:pointer}@media (prefers-color-scheme: dark){.official-expand-btn{background:#ffffff14;border-color:#ffffff4d;color:#fff}}.official-advice-footer{font-size:.82rem;opacity:.75;margin-top:.8rem}.emergency-btn{width:100%;padding:.8rem;margin-top:1rem;background:#c70000;color:#fff;font-weight:700;border:none;border-radius:10px;font-size:1.05rem;cursor:pointer}.official-expand-btn{background:#00000014;color:#0056b3!important;font-weight:600;width:100%;padding:.45rem .6rem;border-radius:8px;border:1px solid rgba(0,0,0,.12);cursor:pointer}@media (prefers-color-scheme: dark){.official-expand-btn{background:#ffffff1f;color:#fff!important}}.safety-actions{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);margin-top:10px;width:fit-content;max-width:100%}.safety-share-btn,.safety-112-btn{padding:8px 12px;border-radius:10px;border:0;font-weight:700;cursor:pointer}.recommendations-block{background:#f3f4f6;border-left:6px solid #16a34a;border-radius:10px;padding:.9rem 1rem;margin-top:1rem;text-align:left}.recommendations-title{margin:0 0 .35rem;font-weight:700}.recommendations-text{margin:0;opacity:.95}.recommendations-block{color:#111}@media (prefers-color-scheme: dark){.recommendations-block{background:#ffffff14;color:#fff;border-left-color:#16a34a}.recommendations-text{color:#fff}}.aemet-alert-time{margin-top:.35rem;margin-bottom:.6rem;font-size:.92rem;opacity:.9}.status-card{position:relative;border-radius:16px;padding:1rem 1.15rem 1rem 1.25rem;margin:1rem 0;background:var(--card-bg);border:1px solid rgba(0,0,0,.12);box-shadow:0 4px 12px #00000014;overflow:hidden;text-align:left}.status-card:before{content:"";position:absolute;left:0;top:0;width:10px;height:100%;border-radius:16px 0 0 16px}.status-card-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.45rem}.status-card-icon{font-size:1.45rem;line-height:1}.status-card-title{margin:0;font-size:1.35rem;font-weight:800;line-height:1.15}.status-card-text{margin:0;font-size:1rem;line-height:1.45;opacity:.96}.status-safe{background:#eef9f0}.status-safe:before{background:#22c55e}.status-warning{background:#fff7e6}.status-warning:before{background:#f59e0b}.status-danger{background:#fff1f0}.status-danger:before{background:#ef4444}.status-cold{background:#eef5ff}.status-cold:before{background:#3b82f6}.status-wind{background:#fff8db}.status-wind:before{background:#facc15}.status-uv{background:#fff7ed}.status-uv:before{background:#f97316}.status-alert{background:#fff5f5}.status-alert:before{background:#fa5252}.quick-summary-card{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid rgba(0,0,0,.1);border-radius:18px;padding:1.15rem 1.2rem 1rem;margin:.9rem 0 1rem;box-shadow:0 8px 22px #0000001a;color:#111827;text-align:left}.quick-summary-card:before{content:"";position:absolute;left:0;top:0;width:8px;height:100%;border-radius:18px 0 0 18px;background:var(--hero-accent, #38bdf8)}.quick-summary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff3,#fff0 45%);pointer-events:none}.quick-temp{font-size:3.2rem;font-weight:800;letter-spacing:-1px;line-height:1;color:#111827}.quick-subline{position:relative;z-index:1;font-size:1rem;font-weight:600;color:#374151;margin-bottom:.7rem}.quick-meta{display:flex;gap:1.4rem;margin-top:.3rem;font-size:.95rem;font-weight:600;color:#374151}.quick-summary-safe{--hero-accent: #22c55e}.quick-summary-card{transition:transform .25s ease,box-shadow .25s ease}.quick-summary-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000029}@media (prefers-color-scheme: dark){.quick-summary-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#f9fafb;box-shadow:0 8px 22px #00000040}.quick-temp{color:#fff}.quick-subline,.quick-meta{color:#ffffffeb}}.quick-temp{font-size:3.2rem;font-weight:800;letter-spacing:-1px;line-height:1}.quick-subline{position:relative;z-index:1;font-size:1rem;font-weight:600;opacity:.92;margin-bottom:.7rem}.quick-meta{display:flex;gap:1.4rem;margin-top:.3rem;font-size:.95rem;font-weight:600;opacity:.9}.quick-meta span{display:inline-flex;align-items:center;gap:.35rem}.quick-summary-safe{--hero-accent: #38bdf8}.quick-summary-heat_mild,.quick-summary-heat_moderate{--hero-accent: #f59e0b}.quick-summary-heat_high,.quick-summary-heat_extreme{--hero-accent: #ef4444}.quick-summary-cold_mild{--hero-accent: #60a5fa}.quick-summary-cold_moderate,.quick-summary-cold_severe{--hero-accent: #2563eb}@media (prefers-color-scheme: dark){.quick-summary-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.15)}}.quick-summary-card{border-left:4px solid #4da3ff}.quick-summary-safe{border-left:4px solid #22c55e}.quick-summary-heat_moderate{border-left:4px solid #f59e0b}.quick-summary-heat_high{border-left:4px solid #ef4444}.quick-summary-cold_mild{border-left:4px solid #60a5fa}.quick-summary-cold_moderate{border-left:4px solid #3b82f6}.quick-summary-cold_severe{border-left:4px solid #1e3a8a}.quick-summary-heat_high{border-left:4px solid #ef4444;background:#ef444414}.location-card{padding:.9rem 1.1rem;border-radius:14px;background:var(--card-bg);border:1px solid rgba(0,0,0,.12);border-left:4px solid #3b82f6;box-shadow:0 3px 10px #00000014;margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.location-header{display:flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;color:var(--card-title);margin-bottom:.35rem}.location-icon{font-size:1rem}.location-city{font-size:1.05rem;font-weight:600;color:var(--card-text)}.location-realcity{opacity:.6;font-weight:500}@media (prefers-color-scheme: dark){.location-card{border:1px solid rgba(255,255,255,.15);border-left:4px solid #60a5fa}}.app-header{text-align:center;margin-bottom:.4rem}.app-title{font-size:1.9rem;font-weight:800;letter-spacing:-.3px;text-shadow:0 0 8px rgba(255,255,255,.15)}.app-title-safe{background:linear-gradient(90deg,#38bdf8,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-title-heat{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-title-heat-high{background:linear-gradient(90deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-title-cold{background:linear-gradient(90deg,#60a5fa,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-title-wind{background:linear-gradient(90deg,#facc15,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-title-uv{background:linear-gradient(90deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-sticky-ui{position:fixed;top:24px;left:50%;transform:translate(-50%);width:min(648px,calc(100% - 32px));box-sizing:border-box;z-index:2000;background:#fffffff0;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:1rem;box-shadow:0 6px 16px #0000002e;overflow:visible}.top-sticky-spacer{height:245px}@media (max-width: 640px){.top-sticky-spacer{height:245px}}@media (prefers-color-scheme: light){.top-sticky-ui{background:#fff}}.safety-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.8rem;margin-bottom:.9rem}.safety-share-btn,.safety-112-btn{padding:.55rem .9rem;border-radius:10px;border:none;font-weight:700;font-size:.92rem;line-height:1;cursor:pointer;min-height:40px}.safety-share-btn{background:#1e88e5;color:#fff}.safety-112-btn{background:#d62828;color:#fff}.secondary-toggle-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1rem;margin-top:.65rem;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#1e293b;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000f}.uv-scale-wrap{margin-top:1.5rem}.uv-scale-toggle{margin-bottom:1rem}.secondary-toggle-btn:hover{background:#eef2f7;border-color:#94a3b8}.secondary-toggle-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme: dark){.secondary-toggle-btn{background:#ffffff0f;color:#f5f5f5;border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 8px #00000040}.secondary-toggle-btn:hover{background:#ffffff1a;border-color:#ffffff3d}}.block-temp{background-color:#eef5fb!important;color:#111827!important;border:1px solid rgba(0,0,0,.12)!important;border-left:4px solid #38bdf8!important;border-radius:14px!important;box-shadow:0 3px 10px #00000014!important}.block-temp h3,.block-temp p,.block-temp strong,.block-temp span{color:#111827!important}.gps-btn{display:inline-flex;align-items:center;gap:.45rem;background:#0b63f6!important;color:#fff!important;border:1px solid #0a58ca!important;padding:.7rem 1rem;border-radius:10px;font-weight:700;box-shadow:0 2px 6px #0000001f}.gps-btn:hover{background:#0957d9!important}@media (prefers-color-scheme: dark){.gps-btn{background:#0a84ff!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}}.current-weather-card{background:#fff;border-radius:14px;padding:1rem 1.1rem;margin:1rem 0;border:1px solid rgba(0,0,0,.12);border-left:4px solid #3b82f6;box-shadow:0 3px 10px #00000014}@media (prefers-color-scheme: dark){.current-weather-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-left:4px solid #60a5fa;color:#fff}}.quick-summary-card{background-color:#f1f5f9;border:1px solid rgba(0,0,0,.12)!important;border-radius:16px!important;box-shadow:0 3px 10px #00000014!important}@media (prefers-color-scheme: dark){.quick-summary-card{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 3px 10px #00000040!important}}.quick-summary-card{transition:box-shadow .2s ease}.quick-summary-card:hover{box-shadow:0 5px 14px #0000001f}.quick-summary-card{margin:.8rem 0 1rem}.quick-summary-card{transition:transform .15s ease,box-shadow .15s ease}.quick-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.quick-summary-card,.block-temp,.sky-card,.location-card,.status-card,.official-card{box-shadow:0 3px 10px #00000014;transition:box-shadow .15s ease,transform .15s ease}.quick-summary-card:hover,.block-temp:hover,.sky-card:hover,.location-card:hover,.status-card:hover,.official-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-1px)}@media (max-width: 640px){.container,.top-sticky-ui{width:100%}h1{font-size:2rem}}*{box-sizing:border-box}.container{width:100%;max-width:680px;margin:0 auto;padding:12px}.search-form{display:flex;align-items:center;gap:.5rem;width:100%}.search-input{flex:1;min-width:0}.search-btn{flex-shrink:0}@media (max-width: 640px){.container{padding:10px}.card,.location-card,.status-card,.quick-summary-card,.block-temp,.sky-card,.uv-block,.aemet-alert-card,.recommendations-block,.official-card,.current-weather-card{padding:.85rem .95rem!important;margin-top:.8rem!important;margin-bottom:.8rem!important;border-radius:12px!important}.app-title,h1{font-size:2.1rem!important;line-height:1.08!important;margin-bottom:.9rem!important}.status-card-title,.uv-title,.official-title,.aemet-alert-title,.recommendations-title,.sky-card h3,.block-temp h3{font-size:1.55rem!important;line-height:1.15!important;margin-bottom:.55rem!important}.status-card-text,.recommendations-text,.aemet-alert-description,.location-city,.sky-label,.uv-advice,.data-label,.block-temp p,.official-item{font-size:1rem!important;line-height:1.4!important}.quick-temp{font-size:2.7rem!important;line-height:1!important}.quick-subline,.quick-meta{font-size:.98rem!important}.block-temp p{margin:.45rem 0!important}.update-card{font-size:.82rem!important;padding:.3rem .55rem!important}.aemet-alert-time,.aemet-alert-source{font-size:.85rem!important;line-height:1.35!important}.secondary-toggle-btn,.gps-btn,.search-btn,.btn-activity{min-height:50px!important;font-size:.95rem!important}}.aemet-alert-summary{margin-top:6px;cursor:pointer;font-weight:600;font-size:.95rem;color:#444;list-style:none;-webkit-user-select:none;user-select:none;padding:.45rem .7rem;border-radius:8px;background:#0000000d;display:inline-block}.aemet-alert-summary::-webkit-details-marker{display:none}.aemet-alert-summary:before{content:"▶ ";display:inline-block;margin-right:.2rem}.aemet-alert-details[open] .aemet-alert-summary:before{content:"▼ "}.summary-open,.aemet-alert-details[open] .summary-closed{display:none}.aemet-alert-details[open] .summary-open{display:inline}.aemet-alert-description{margin-top:.8rem;line-height:1.45}@media (prefers-color-scheme: dark){.aemet-alert-summary{background:#ffffff14;color:#fff}}.work-window-card{margin-top:1rem;padding:1rem 1.1rem;border-radius:10px;text-align:left;border-left:6px solid;box-shadow:0 2px 8px #00000014}.work-window-title{margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.work-window-text{margin:0;line-height:1.45}.work-window-optimal{background:#e8f5e9;border-left-color:#2e7d32;color:#1b5e20}.work-window-caution{background:#fff8e1;border-left-color:#f9a825;color:#7a5d00}.work-window-limited{background:#fff3e0;border-left-color:#ef6c00;color:#8a3b00}.work-window-avoid{background:#ffebee;border-left-color:#c62828;color:#8e0000}.work-window-card{margin-top:1rem;padding:1rem 1.1rem;border-radius:12px;text-align:left;border-left:6px solid;box-shadow:0 3px 10px #00000014;transition:background .2s ease,border-color .2s ease}.work-window-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.35rem}.work-window-title{margin:0;font-size:1.05rem;font-weight:700}.work-window-text{margin:0;line-height:1.45;opacity:.95}.work-window-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.work-window-optimal{background:#e8f5e9;border-left-color:#16a34a;color:#1b5e20}.work-window-dot-optimal{background:#16a34a}.work-window-caution{background:#fff8e1;border-left-color:#facc15;color:#7a5d00}.work-window-dot-caution{background:#facc15}.work-window-limited{background:#fff3e0;border-left-color:#f97316;color:#8a3b00}.work-window-dot-limited{background:#f97316}.work-window-avoid{background:#ffebee;border-left-color:#dc2626;color:#8e0000}.work-window-dot-avoid{background:#dc2626}@media (prefers-color-scheme: dark){.work-window-optimal{background:#1f3b1f;color:#d7ffd9}.work-window-caution{background:#3b3215;color:#ffe9a8}.work-window-limited{background:#3b2618;color:#ffd0a8}.work-window-avoid{background:#3a1618;color:#ffc5c8}}.error-message{margin-top:.5rem;margin-bottom:.5rem;padding:.6rem .8rem;border-radius:8px;background:#ffe5e5;color:#b00020;font-size:.95rem;font-weight:500}.btn-activity{max-width:100%;white-space:normal;word-break:break-word;justify-content:center;text-align:center}@media (max-width: 640px){.btn-activity{width:100%!important;min-height:52px!important;padding:.75rem .9rem!important;font-size:.95rem!important;line-height:1.25!important}}.recommendation-box.nightCool .recommendation-title{color:#3b82f6}.recommendation-box.nightSafe .recommendation-title{color:#60a5fa}.recommendation-box.nightHeat .recommendation-title{color:#f59e0b}@keyframes alertEnter{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-banner-enter{animation:alertEnter .4s ease-out}@keyframes alertPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.alert-banner-pulse{animation:alertPulse 1.5s ease-in-out infinite}.top-alert-banner-wrap{will-change:transform,opacity}.alert-banner{will-change:transform}html,body,#root{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:#fafafa;color:#222}.top-sticky-ui.compact-mode{padding:.55rem .75rem;margin-bottom:.6rem}.top-sticky-ui.compact-mode .app-header{display:none}.top-sticky-ui.compact-mode form{margin-bottom:.4rem!important}.top-sticky-ui.compact-mode input{padding:.35rem .5rem!important;font-size:.9rem!important}.top-sticky-ui.compact-mode button{padding:.35rem .6rem!important;font-size:.85rem!important}.top-sticky-ui.compact-mode>div:first-child{display:none!important}.top-sticky-ui.compact-mode{padding-top:.45rem!important}.top-sticky-ui.compact-mode .gps-button{padding:.35rem .55rem!important;font-size:.82rem!important}.top-sticky-ui{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffeb}.recommendation-box.tropicalNight{background:linear-gradient(135deg,#fff4e6,#ffe8cc);border-left:5px solid #f08c00;color:#3b2f1e}.recommendation-box.tropicalNight .recommendation-title{color:#e67700;font-weight:700}.compact-header{position:fixed;top:0;left:0;right:0;z-index:2000;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid rgba(0,0,0,.08);font-weight:700;font-size:15px}.compact-header-right{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600}@keyframes compactSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}