:root{color:#15201e;font-synthesis:none;text-rendering:optimizelegibility;background:#e9ece7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ff8b66}.radar-app{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:linear-gradient(#ffffff8c,#0000 30%),#e9ece7}.radar-app--initial{place-items:center;display:grid}.topbar{grid-template-columns:minmax(15rem,1fr) minmax(22rem,.9fr) auto;align-items:center;gap:clamp(1rem,2.6vw,2.6rem);width:min(100%,96rem);min-height:4.65rem;margin:0 auto;padding:0 .5rem .9rem;display:grid}.radar-heading{min-width:0}.radar-status-line{align-items:center;gap:.55rem;margin-top:.55rem;display:flex}.status-chip{color:#31514a;letter-spacing:.04em;text-transform:uppercase;background:#dceee8;border-radius:999px;padding:.3rem .5rem;font-size:.57rem;font-weight:850}.status-chip--delayed{color:#705313;background:#f6e9bd}.status-chip--no-data,.status-chip--error{color:#813d27;background:#f8ded4}.data-freshness{color:#5e716c;font-variant-numeric:tabular-nums;font-size:.64rem;font-weight:720}.radar-selector{gap:.18rem;min-width:0;display:grid}.radar-selector>label{color:#5a716c;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:850}.radar-selector__row{grid-template-columns:minmax(0,1fr) auto;gap:.38rem;display:grid}.radar-selector select{color:#263c37;cursor:pointer;background:#ffffffb8;border:1px solid #29413b38;border-radius:.65rem;width:100%;padding:.54rem 2.2rem .54rem .7rem;font-weight:740}.location-button,.install-button,.retry-button{color:#304b45;cursor:pointer;background:#ffffffc2;border:1px solid #29413b2e;border-radius:.65rem;font-size:.66rem;font-weight:780}.location-button{min-width:6.4rem;padding:.54rem .66rem}.location-button:disabled{cursor:progress;opacity:.64}.radar-selector>span{color:#6d7d79;font-size:.59rem;line-height:1.35}.eyebrow{color:#5a716c;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .32rem;font-size:.67rem;font-weight:850}h1,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(1.55rem,3vw,2.35rem);font-weight:780;line-height:1}.header-meta{color:#667a75;white-space:nowrap;flex-direction:column;align-items:center;gap:.42rem;font-size:.72rem;font-weight:700;display:flex}.aemet-credit{color:#30433f;text-underline-offset:.28rem;font-weight:750;text-decoration-color:#ff6a3d;text-decoration-thickness:2px}.install-button{color:#7b3824;background:#fff2ed;border-color:#ff8964;padding:.4rem .65rem}.map-layout{background:#dce2dc;border:1px solid #1c2f2b24;border-radius:1.35rem;width:min(100%,96rem);min-height:calc(100dvh - 6.7rem);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 2rem 5rem #22332f21,inset 0 1px #ffffffe6}.map-layout:fullscreen{border:0;border-radius:0;width:100vw;min-height:100dvh}.map-stage,.map-canvas,.map-canvas.maplibregl-map{position:absolute;inset:0}.map-canvas.maplibregl-map{width:100%;height:100%}.map-canvas{background:#dce2dc}.map-loading,.map-error{z-index:4;color:#475e59;background:#ffffffeb;border-radius:999px;margin:0;padding:.55rem .85rem;font-size:.75rem;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 .4rem 1.5rem #1629241f}.connection-banner{z-index:6;color:#63480f;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background:#fff7d9f0;border:1px solid #cc8f253d;border-radius:999px;margin:0;padding:.5rem .78rem;font-size:.65rem;font-weight:730;position:absolute;top:.8rem;left:50%;transform:translate(-50%);box-shadow:0 .45rem 1.5rem #212b1c24}.map-error{color:#762f1e;background:#fff0ea}.no-data-card__label{color:#687c77;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem;font-size:.61rem;font-weight:850}.no-data-card{z-index:3;text-align:center;-webkit-backdrop-filter:blur(.9rem);backdrop-filter:blur(.9rem);background:#fafbf8f0;border:1px solid #ffffffc7;border-radius:1rem;width:min(28rem,100% - 2rem);padding:1.35rem 1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .8rem 2.2rem #182b2629}.no-data-card h2{margin:0 0 .6rem;font-size:1.35rem}.no-data-card>p:last-child{color:#62746f;margin:0;font-size:.78rem;line-height:1.55}.no-data-card .retry-button,.initial-state .retry-button{color:#743823;border-color:#ff8964;margin-top:1rem;padding:.62rem .9rem}.no-data-card--error{background:#fff6f0f2;border-color:#ff946ba6}.map-options{z-index:6;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:1rem;right:3.7rem}.map-options__trigger{color:#334943;cursor:pointer;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background:#f9faf7eb;border:1px solid #ffffffb8;border-radius:.72rem;place-items:center;width:2.65rem;height:2.65rem;padding:0;display:grid;box-shadow:0 .6rem 1.8rem #182b2621}.map-options__trigger[aria-expanded=true]{color:#7b3824;background:#fff2edf5;border-color:#ff8964}.map-options__icon{gap:.24rem;display:grid}.map-options__icon span{background:currentColor;border-radius:999px;width:1rem;height:.12rem}.map-options__panel{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#f9faf7f5;border:1px solid #ffffffc2;border-radius:.9rem;width:min(18rem,100vw - 5rem);padding:.8rem;box-shadow:0 .9rem 2.5rem #182b2633}.map-options__title{color:#344b45;margin:0 0 .75rem;font-size:.72rem;font-weight:820}.map-options__opacity{color:#526762;gap:.42rem;font-size:.65rem;font-weight:750;display:grid}.map-options__range{grid-template-columns:minmax(0,1fr) 2.4rem;align-items:center;gap:.55rem;display:grid}.map-options input{accent-color:#ff6a3d;width:100%;margin:0}.map-options output{color:#71827e;font-variant-numeric:tabular-nums;text-align:right}.map-options__actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem;display:grid}.map-options__panel button{color:#3f5550;cursor:pointer;background:#f3f5f1;border:1px solid #d8dfda;border-radius:.58rem;padding:.58rem .72rem;font-size:.64rem;font-weight:760}.map-options__panel button:disabled{cursor:not-allowed;opacity:.5}.map-options__panel button[aria-pressed=true]{color:#853a24;background:#fff0e9;border-color:#ff8964}.timeline-panel{z-index:5;color:#eef5f2;-webkit-backdrop-filter:blur(1.1rem);backdrop-filter:blur(1.1rem);background:#121f1cf0;border:1px solid #ffffffc7;border-radius:1.05rem;padding:.8rem;position:absolute;bottom:1rem;left:1rem;right:1rem;box-shadow:0 1rem 3rem #08110f45}.playback-row{grid-template-columns:auto minmax(12rem,1fr) auto;align-items:center;gap:.85rem;display:grid}.play-button{color:#17211f;cursor:pointer;background:#ff7952;border:0;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;font-weight:900;display:grid;box-shadow:0 .4rem 1rem #0000003d}.play-button:hover{background:#ff8c69}.play-button span{transform:translate(.06rem)}.play-button[aria-pressed=true] span{letter-spacing:-.18em;transform:none}.timeline-slider{gap:.2rem;display:grid}.timeline-slider input{accent-color:#ff7952;cursor:ew-resize;width:100%;margin:0}.timeline-slider input:focus-visible{outline:none}.timeline-slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .22rem #ff795247}.timeline-slider input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .22rem #ff795247}.timeline-range{color:#9fb0ab;font-variant-numeric:tabular-nums;letter-spacing:.03em;grid-template-columns:1fr auto 1fr;font-size:.58rem;font-weight:700;display:grid}.timeline-range span{color:#ff9c7c;text-transform:uppercase}.timeline-range time:last-child{text-align:right}.speed-control{border:1px solid #ffffff26;border-radius:.65rem;display:flex;overflow:hidden}.speed-control button{color:#aebcb8;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff1f;padding:.58rem .65rem;font-size:.62rem;font-weight:740}.speed-control button:last-child{border-right:0}.speed-control button[aria-pressed=true]{color:#19231f;background:#eef5f2}.frame-strip{overscroll-behavior-inline:contain;scrollbar-color:#52635f transparent;scrollbar-width:thin;gap:.36rem;margin-top:.72rem;padding:.15rem 0 .42rem;display:flex;overflow-x:auto}.frame-button{color:#c5d0cd;font-variant-numeric:tabular-nums;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:.62rem;place-items:center;gap:.25rem;min-width:3.7rem;padding:.45rem .42rem .5rem;font-size:.65rem;font-weight:720;display:grid;position:relative}.frame-button:hover{background:#ffffff1a}.frame-button[aria-current=true]{color:#fff;background:#ff795233;border-color:#ff8a66}.frame-button__dot{background:#82d2b8;border-radius:50%;width:.38rem;height:.38rem;box-shadow:0 0 0 3px #82d2b81a}.frame-button--gap{color:#e0ac9a;background:#ff79520d;border-style:dashed;border-color:#ffa17d42}.frame-button--gap .frame-button__dot{box-shadow:none;background:0 0;border:1px solid #ff9d7c}.frame-button small{color:#ffac90;letter-spacing:.06em;text-transform:uppercase;font-size:.47rem;font-weight:850}.timeline-footer{color:#82938e;border-top:1px solid #ffffff17;justify-content:space-between;gap:1rem;padding:.42rem .25rem 0;font-size:.55rem;display:flex}.timeline-footer p{align-items:center;gap:.42rem;margin:0;display:flex}.legend-dot{background:#82d2b8;border-radius:50%;width:.38rem;height:.38rem}.legend-gap{border-top:1px dashed #ff9d7c;width:.6rem;margin-left:.35rem}.debug-marker{background:#ff6a3d;border:2px solid #fff;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 2px #ff6a3d59,0 .2rem .7rem #19272447}.debug-marker--radar{background:#17211f;border-width:3px;width:1rem;height:1rem;box-shadow:0 0 0 3px #ff6a3db3,0 .3rem .8rem #1927244d}.user-location-marker{background:#2878ff;border:3px solid #fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 0 5px #2878ff38,0 .3rem .9rem #0b317157}.initial-state{text-align:center;max-width:38rem;padding:3rem}.initial-state h1{margin-bottom:.8rem;font-size:clamp(2rem,7vw,4rem)}.initial-state>p:last-child{color:#62716e;margin-bottom:0;line-height:1.6}.maplibregl-ctrl-attrib{color:#42534f;font-size:.62rem}.maplibregl-ctrl-attrib a{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (width<=52rem){.topbar{grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.radar-selector{grid-column:1/-1;width:100%;min-width:0}.map-layout{min-height:calc(100dvh - 10.5rem)}.map-options{top:.75rem;right:3.4rem}.playback-row{grid-template-columns:auto 1fr}.speed-control{grid-column:1/-1;justify-self:end}}@media (width<=44rem){.radar-app{padding:0}.topbar{min-height:9.2rem;padding:max(.75rem, env(safe-area-inset-top)) 1rem .75rem}.topbar .eyebrow,.header-meta>span,.header-meta .aemet-credit{display:none}.radar-heading{min-width:0}.radar-status-line{flex-wrap:wrap;margin-top:.4rem}.radar-selector{order:3}.radar-selector label,.radar-selector>label{display:none}.radar-selector select{padding-block:.48rem}.map-layout{border-width:1px 0 0;border-radius:0;min-height:calc(100dvh - 9.2rem)}.map-options{top:.7rem;right:3.4rem}.timeline-panel{border-radius:.9rem;padding:.68rem;bottom:.55rem;left:.55rem;right:.55rem}.timeline-footer p:last-child{display:none}.speed-control{width:100%}.speed-control button{flex:1}.maplibregl-ctrl-attrib{max-width:calc(100vw - 1rem);font-size:.52rem}}@media (width<=30rem){.location-button{min-width:5.2rem}.connection-banner{white-space:normal;width:max-content;max-width:calc(100% - 8rem);top:.55rem}.timeline-footer{display:none}}