.weather-hero{background-image:linear-gradient(135deg,var(--deep-blue) 0%,var(--aegean) 100%);padding:3.5rem 0 3rem;position:relative;overflow:hidden;transition:background-image .5s ease}.weather-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 40%,rgba(255,255,255,.06) 0%,transparent 65%);pointer-events:none}.weather-hero.is-sunny{background-image:linear-gradient(135deg,#c97a10,#e0921c 40%,#1a6ca8)}.weather-hero.is-partly{background-image:linear-gradient(135deg,#2d6a9f,#1a5c8a)}.weather-hero.is-cloudy{background-image:linear-gradient(135deg,#4a5e72,#2d3f52)}.weather-hero.is-rain{background-image:linear-gradient(135deg,#1a3f7a,#0d2b4e)}.weather-hero.is-storm{background-image:linear-gradient(135deg,#18202c,#2a3545)}.hero-label{font-size:.63rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin-bottom:1.5rem;display:block}.hero-body{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.hero-top{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}.hero-icon{font-size:3.75rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.hero-temp{font-family:var(--font-serif);font-size:clamp(3.5rem,8vw,5.5rem);color:#fff;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero-condition{font-size:1.1rem;font-weight:500;color:#ffffffe0;margin-bottom:.3rem}.hero-feels{font-size:.875rem;color:#ffffff80}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 2rem;background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);padding:1.25rem 1.75rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hs-item{display:flex;flex-direction:column;gap:.2rem}.hs-lbl{font-size:.58rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#ffffff61}.hs-val{font-size:.95rem;font-weight:600;color:#ffffffe0}.hero-updated{margin-top:1.75rem;font-size:.68rem;color:#ffffff47}.w-stale-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:var(--radius-md);padding:.65rem 1rem;font-size:.8rem;color:#7a5c00;margin-bottom:1.25rem}.weather-sec{min-height:40vh;position:relative}.w-loading{position:absolute;top:2.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2.5rem;min-width:220px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0d2b4e1f;color:var(--muted);font-size:.875rem;text-align:center}.w-spinner{width:28px;height:28px;border:2.5px solid var(--sand-dark);border-top-color:var(--aegean);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.w-error{position:absolute;top:2.5rem;left:50%;transform:translate(-50%);z-index:10;text-align:center;padding:2rem 3rem;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0d2b4e1f;color:var(--muted);min-width:240px;max-width:320px;width:max-content}.w-error-icon{font-size:2.5rem;margin-bottom:.75rem}.w-retry-btn{margin-top:1rem;padding:.6rem 1.4rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:transparent;color:var(--aegean);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:var(--font-sans)}.w-retry-btn:hover{background:var(--aegean);color:#fff;border-color:var(--aegean)}.w-content{opacity:0;transition:opacity .45s ease}.w-content.is-ready{opacity:1}.w-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}.w-stat--range{grid-column:span 2}.w-stat{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.45rem;position:relative;overflow:hidden}.w-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-md) var(--radius-md) 0 0}.w-stat--wind:before{background:linear-gradient(90deg,var(--deep-blue),var(--aegean))}.w-stat--sea:before{background:linear-gradient(90deg,#00b4d8,#0077b6)}.w-stat--uv:before{background:linear-gradient(90deg,#4caf50,#ffeb3b,#ff9800,#f44336)}.w-stat--humidity:before{background:linear-gradient(90deg,var(--sky),var(--sea))}.w-stat--range:before{background:linear-gradient(90deg,var(--sand-dark),var(--muted))}.w-stat-label{font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.w-stat-val{font-family:var(--font-serif);font-size:2.1rem;color:var(--deep-blue);line-height:1}.w-stat-sub{font-size:.76rem;color:var(--muted)}.w-badge{display:inline-block;font-size:.63rem;font-weight:700;letter-spacing:.05em;padding:.2rem .55rem;border-radius:var(--radius-full);background:var(--sand);color:var(--muted);border:1px solid var(--sand-dark);align-self:flex-start;margin-top:auto}.w-sub-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.w-stat-body{display:flex;align-items:center;gap:1rem;flex:1}.wind-compass{width:60px;height:60px;flex-shrink:0;color:var(--muted)}.w-stat-vals{display:flex;flex-direction:column;gap:.3rem}.w-stat-vals .w-stat-val{font-size:1.75rem}.w-stat-vals .w-badge{margin-top:.2rem}.w-wave-header{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem}.w-wave-track{height:7px;background:var(--sand-dark);border-radius:99px;overflow:hidden;margin-top:.25rem}.w-wave-fill{height:100%;background:linear-gradient(90deg,#00b4d8,#0077b6);border-radius:99px;transition:width .6s cubic-bezier(.34,1.56,.64,1);width:0%}.uv-track{height:8px;border-radius:99px;position:relative;overflow:visible;margin:.2rem 0}.uv-gradient{height:100%;border-radius:99px;background:linear-gradient(90deg,#4caf50,#cddc39 20%,#ffeb3b,#ffc107,#ff9800,#f44336 80%,#9c27b0)}.uv-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--white);border:2.5px solid var(--deep-blue);border-radius:50%;box-shadow:0 1px 6px #0003;transition:left .6s cubic-bezier(.34,1.56,.64,1);left:0%}.w-stat--humidity .w-stat-val{font-size:2.1rem}.w-stat--range{flex-direction:column;justify-content:space-between}.w-minmax{display:flex;align-items:center;gap:0;margin:.3rem 0}.w-mm-block{display:flex;align-items:baseline;gap:.4rem;flex:1}.w-mm-arrow{font-size:1rem;font-weight:700}.w-mm-high .w-mm-arrow{color:#e67e22}.w-mm-low .w-mm-arrow{color:var(--sea)}.w-mm-val{font-family:var(--font-serif);font-size:1.9rem;color:var(--deep-blue);line-height:1}.w-mm-sep{width:1px;height:2.2rem;background:var(--border);margin:0 1rem;flex-shrink:0}.w-sun-row{display:flex;gap:1.5rem;padding-top:.7rem;border-top:1px solid var(--border);margin-top:.5rem}.w-sun-item{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}.w-rec{background:var(--deep-blue);border-radius:var(--radius-lg);padding:2rem 2rem 1.75rem;margin-bottom:1.75rem;color:#fff}.w-rec-header{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}.w-rec-emoji{font-size:2.25rem;flex-shrink:0}.w-rec-label{font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#ffffff73;margin-bottom:.2rem;display:block}.w-rec-title{font-family:var(--font-serif);font-size:1.55rem;color:#fff;line-height:1.2}.w-rec-desc{font-size:.88rem;color:#ffffff9e;line-height:1.7;margin-bottom:1.5rem;max-width:580px}.w-beaches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;min-height:340px}.w-beach-card{border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:#fff;display:flex;flex-direction:column;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.w-beach-img{position:relative;height:115px;overflow:hidden;flex-shrink:0}.w-beach-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.w-beach-card:hover .w-beach-img img{transform:scale(1.07)}.w-beach-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(0,0,0,.52) 100%)}.w-beach-info{padding:.65rem .9rem .75rem}.w-beach-name{font-family:var(--font-serif);font-size:.95rem;margin-bottom:.18rem;color:#fff}.w-beach-meta{font-size:.67rem;color:#ffffff73}.w-block{margin-bottom:1.75rem}.w-section-title{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.w-hourly-scroll{overflow-x:auto;scrollbar-width:none;margin:0 -1.5rem;padding:0 1.5rem}.w-hourly-scroll::-webkit-scrollbar{display:none}.w-hourly{display:flex;gap:.6rem;padding-bottom:.5rem;min-width:max-content;min-height:132px}.w-fc-item{flex-shrink:0;width:84px;padding:1rem .5rem .85rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;gap:.3rem;align-items:center;transition:transform .18s var(--ease),box-shadow .18s var(--ease);box-shadow:var(--shadow-sm)}.w-fc-item:hover{box-shadow:var(--shadow-md)}.w-fc-item.is-now{background:var(--deep-blue);border-color:var(--deep-blue);box-shadow:0 6px 20px #0d2b4e59}.w-fc-time{font-size:.65rem;color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.w-fc-item.is-now .w-fc-time{color:#ffffff80}.w-fc-icon{font-size:1.65rem;line-height:1;margin:.15rem 0}.w-fc-temp{font-size:1rem;font-weight:800;color:var(--deep-blue)}.w-fc-item.is-now .w-fc-temp{color:#fff}.w-fc-wind{font-size:.6rem;color:var(--muted)}.w-fc-item.is-now .w-fc-wind{color:#ffffff6b}.w-fc-rain-track{width:75%;height:4px;background:#3a9bc91f;border-radius:99px;overflow:hidden;margin:.05rem 0}.w-fc-rain-fill{height:100%;background:linear-gradient(90deg,var(--sea),var(--sky));border-radius:99px;transition:width .6s var(--ease)}.w-fc-item.is-now .w-fc-rain-track{background:#7dd3f82e}.w-fc-item.is-now .w-fc-rain-fill{background:linear-gradient(90deg,rgba(58,155,201,.7),var(--sky))}.w-fc-rain{font-size:.6rem;color:var(--sea);font-weight:700;letter-spacing:.02em}.w-fc-item.is-now .w-fc-rain{color:var(--sky)}.w-fc-rain-placeholder{height:.8rem;display:block}.w-week-scroll{overflow-x:auto;scrollbar-width:none;margin:0 -1.5rem;padding:0 1.5rem}.w-week-scroll::-webkit-scrollbar{display:none}.w-week{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:.65rem;min-width:700px;min-height:185px}.w-day{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.15rem .5rem 1rem;text-align:center;display:flex;flex-direction:column;gap:.32rem;align-items:center;transition:transform .18s var(--ease),box-shadow .18s var(--ease);box-shadow:var(--shadow-sm)}.w-day:hover{box-shadow:var(--shadow-md)}.w-day.is-today{background:var(--deep-blue);border-color:var(--deep-blue);box-shadow:0 6px 20px #0d2b4e59}.w-day-name{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.w-day.is-today .w-day-name{color:#ffffff80}.w-day-icon{font-size:1.9rem;line-height:1;margin:.2rem 0}.w-day-cond{font-size:.58rem;color:var(--muted);line-height:1.3;min-height:1.6em}.w-day.is-today .w-day-cond{color:#ffffff61}.w-day-high{font-size:1.05rem;font-weight:800;color:var(--deep-blue)}.w-day.is-today .w-day-high{color:#fff}.w-day-range-track{width:70%;height:5px;background:var(--sand-dark);border-radius:99px;position:relative;overflow:hidden;margin:.05rem 0}.w-day.is-today .w-day-range-track{background:#ffffff26}.w-day-range-fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#38b2d4,#e8901a);border-radius:99px;min-width:15%}.w-day.is-today .w-day-range-fill{background:linear-gradient(90deg,#7dd3f8a6,#ffffffe6)}.w-day-low{font-size:.8rem;color:var(--muted)}.w-day.is-today .w-day-low{color:#fff6}.w-day-rain{font-size:.62rem;font-weight:700;color:var(--sea);display:flex;align-items:center;gap:.2rem;margin-top:.05rem}.w-day.is-today .w-day-rain{color:var(--sky)}.w-day-rain-ph{height:.88rem;display:block}@media(max-width:860px){.w-stats-grid{grid-template-columns:repeat(2,1fr)}.w-stat--range{grid-column:span 2}}@media(max-width:520px){.w-beaches-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero-body{flex-direction:column;align-items:flex-start}.hero-stats{width:100%;grid-template-columns:repeat(3,1fr);padding:1rem 1.25rem;gap:.75rem 1rem}.w-stats-grid{grid-template-columns:1fr 1fr}.w-stat--range{grid-column:span 2}.w-stat--wind .w-stat-body{flex-direction:column;gap:.75rem}.wind-compass{width:54px;height:54px}.w-minmax{justify-content:flex-start;gap:0}}@media(max-width:480px){.hero-stats{grid-template-columns:repeat(2,1fr)}.w-stats-grid{grid-template-columns:1fr 1fr}}