@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap";.simple-page-layout[data-astro-cid-gob7lwo4]{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 6rem;min-height:60vh}.what-to-wear-container{--wtw-font-display: "Fraunces", Georgia, serif;--wtw-font-body: "DM Sans", system-ui, sans-serif;--wtw-gradient-start: #e8eef5;--wtw-gradient-mid: #d4e4f7;--wtw-gradient-end: #c5d8ed;--wtw-accent-warm: #c76a32;--wtw-accent-cold: #2b6cb0;--wtw-accent-alert: #c05621;--wtw-glass-bg: rgba(255, 255, 255, .7);--wtw-glass-border: rgba(39, 56, 121, .12);--wtw-text-primary: #1a202c;--wtw-text-muted: #4a5568;--wtw-card-shadow: 0 8px 32px rgba(39, 56, 121, .1);display:flex;flex-direction:column;gap:0;position:relative;background:linear-gradient(165deg,var(--wtw-gradient-start) 0%,var(--wtw-gradient-mid) 45%,var(--wtw-gradient-end) 100%);margin:-3rem -1.5rem -6rem;padding:3rem 1.5rem 6rem;min-height:100vh}:root.dark .what-to-wear-container{--wtw-gradient-start: #1a1b3c;--wtw-gradient-mid: #2d3a6e;--wtw-gradient-end: #4a6fa5;--wtw-accent-warm: #e8a87c;--wtw-accent-cold: #85c1e9;--wtw-accent-alert: #f39c12;--wtw-glass-bg: rgba(255, 255, 255, .08);--wtw-glass-border: rgba(255, 255, 255, .12);--wtw-text-primary: #f8f9fa;--wtw-text-muted: rgba(255, 255, 255, .7);--wtw-card-shadow: 0 8px 32px rgba(0, 0, 0, .12)}.what-to-wear-container:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}:root.dark .what-to-wear-container:before{opacity:.04}.seo-content{text-align:center;padding:3rem 1rem 4rem;position:relative;margin-bottom:0}.seo-content h1{font-family:var(--wtw-font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--wtw-text-primary);margin-bottom:1.25rem;letter-spacing:-.02em;line-height:1.1;text-shadow:0 4px 30px rgba(0,0,0,.3)}.seo-content .subtitle{font-family:var(--wtw-font-body);font-size:1.15rem;color:var(--wtw-text-muted);max-width:540px;margin:0 auto;line-height:1.7}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px;gap:1.5rem;color:var(--wtw-text-primary);font-family:var(--wtw-font-body)}.loading-spinner{width:56px;height:56px;border:3px solid var(--wtw-glass-border);border-top-color:var(--wtw-accent-warm);border-radius:50%;animation:spin 1s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.weather-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;padding:0 1rem 2rem;max-width:1200px;margin:0 auto;width:100%}@media (min-width: 768px){.weather-grid{grid-template-columns:1fr 1fr;gap:1.75rem;padding:0 1.5rem 3rem}}@media (min-width: 1024px){.weather-grid{grid-template-columns:1.1fr 1.4fr 1fr;gap:2rem}}.weather-card{background:var(--wtw-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--wtw-glass-border);border-radius:24px;overflow:hidden;animation:cardReveal .7s cubic-bezier(.16,1,.3,1) both;box-shadow:var(--wtw-card-shadow)}.weather-card:nth-child(1){animation-delay:0s}.weather-card:nth-child(2){animation-delay:.1s}.weather-card:nth-child(3){animation-delay:.2s}.weather-card:nth-child(4){animation-delay:.3s}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--wtw-glass-border);display:flex;align-items:center;gap:.75rem}.card-header h2{font-family:var(--wtw-font-body);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--wtw-text-muted);margin:0}.card-header-icon{font-size:1.1rem;filter:grayscale(.2)}.card-body{padding:1.5rem}.current-weather{grid-column:1 / -1;background:linear-gradient(135deg,#27387914,#2b6cb00f);border:1px solid rgba(39,56,121,.15);position:relative;overflow:hidden}:root.dark .current-weather{background:linear-gradient(135deg,#e8a87c26,#85c1e91a);border-color:#e8a87c33}@media (min-width: 768px){.current-weather{grid-column:span 1}}.current-weather:after{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(39,56,121,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}:root.dark .current-weather:after{background:radial-gradient(circle,rgba(232,168,124,.25) 0%,transparent 70%)}.current-weather .card-header{border-bottom-color:var(--wtw-glass-border)}.current-weather .card-header h2{color:var(--wtw-accent-warm)}.weather-main{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.weather-icon{font-size:4.5rem;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.weather-temp{font-family:var(--wtw-font-display);font-size:4.5rem;font-weight:700;line-height:1;color:var(--wtw-text-primary);letter-spacing:-.03em}.weather-details{display:flex;flex-direction:column;gap:.35rem}.weather-condition{font-family:var(--wtw-font-display);font-size:1.4rem;font-weight:500;color:var(--wtw-text-primary);font-style:italic}.weather-feels{font-family:var(--wtw-font-body);font-size:.95rem;color:var(--wtw-text-muted)}.weather-extra{display:flex;gap:2rem;padding-top:1.25rem;border-top:1px solid var(--wtw-glass-border)}.weather-stat{display:flex;align-items:center;gap:.6rem;font-family:var(--wtw-font-body);font-size:.95rem;color:var(--wtw-text-muted)}.weather-stat span:first-child{font-size:1.1rem}.avatar-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#2738790a,#27387905)}:root.dark .avatar-card{background:linear-gradient(180deg,#ffffff0f,#ffffff05)}@media (min-width: 1024px){.avatar-card{grid-row:span 2}}.avatar-card .card-header h2{color:var(--wtw-accent-cold)}.avatar-container{padding:2rem 1.5rem;display:flex;justify-content:center;align-items:center;position:relative}.avatar-container:before{content:"";position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(43,108,176,.12) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 3s ease-in-out infinite}:root.dark .avatar-container:before{background:radial-gradient(circle,rgba(133,193,233,.15) 0%,transparent 70%)}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.avatar-wrapper{width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);border:2px solid var(--wtw-glass-border);overflow:hidden;box-shadow:0 20px 50px #27387926,inset 0 2px #ffffff80;animation:avatarReveal .8s cubic-bezier(.34,1.56,.64,1) .4s both;position:relative;z-index:1}:root.dark .avatar-wrapper{background:linear-gradient(145deg,#ffffff1a,#ffffff05);box-shadow:0 20px 50px #00000040,inset 0 2px #ffffff1a}@keyframes avatarReveal{0%{opacity:0;transform:scale(.7) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.avatar-wrapper img,.avatar-wrapper svg{width:100%;height:100%;object-fit:cover}.clothing-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.clothing-item{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;background:#fffc;border:1px solid var(--wtw-glass-border);border-radius:100px;font-family:var(--wtw-font-body);font-size:.9rem;font-weight:500;color:var(--wtw-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}:root.dark .clothing-item{background:#ffffff0f}.clothing-item:hover{background:#2b6cb01f;border-color:#2b6cb04d;transform:translateY(-2px)}:root.dark .clothing-item:hover{background:#85c1e926;border-color:#85c1e94d}.clothing-icon{font-size:1.05rem}.pack-extra{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--wtw-glass-border)}.pack-extra-title{font-family:var(--wtw-font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--wtw-accent-alert);margin-bottom:.75rem;text-align:center}.pack-extra-items{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pack-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:#f39c121f;border:1px solid rgba(243,156,18,.25);border-radius:100px;font-family:var(--wtw-font-body);font-size:.85rem;font-weight:500;color:var(--wtw-accent-alert)}.alerts-card{grid-column:1 / -1;background:linear-gradient(135deg,#c0562114,#c0562105);border-color:#c0562133}:root.dark .alerts-card{background:linear-gradient(135deg,#f39c1214,#f39c1205);border-color:#f39c1233}.alerts-card .card-header h2{color:var(--wtw-accent-alert)}.alert-list{display:flex;flex-direction:column;gap:1rem}.alert-item{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;background:#fff9;border-radius:16px;border-left:3px solid var(--wtw-accent-alert);animation:alertSlide .5s cubic-bezier(.16,1,.3,1) both}:root.dark .alert-item{background:#ffffff0a}.alert-item.rain{border-left-color:#2b6cb0;background:#2b6cb01a}:root.dark .alert-item.rain{border-left-color:#3498db;background:#3498db14}.alert-item.snow{border-left-color:#4299e1;background:#4299e11a}:root.dark .alert-item.snow{border-left-color:#85c1e9;background:#85c1e914}.alert-item.tempDrop{border-left-color:#805ad5;background:#805ad51a}:root.dark .alert-item.tempDrop{border-left-color:#9b59b6;background:#9b59b614}@keyframes alertSlide{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.alert-icon{font-size:1.6rem;flex-shrink:0}.alert-content{flex:1}.alert-title{font-family:var(--wtw-font-body);font-weight:600;font-size:1rem;color:var(--wtw-text-primary);margin-bottom:.3rem}.alert-message{font-family:var(--wtw-font-body);font-size:.9rem;color:var(--wtw-text-muted);line-height:1.5}.hourly-card{grid-column:1 / -1}.hourly-card .card-header h2{color:var(--wtw-text-muted)}.hourly-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0 1rem;scrollbar-width:thin;scrollbar-color:rgba(39,56,121,.2) transparent;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}:root.dark .hourly-scroll{scrollbar-color:rgba(255,255,255,.15) transparent}.hourly-scroll::-webkit-scrollbar{height:5px}.hourly-scroll::-webkit-scrollbar-track{background:transparent}.hourly-scroll::-webkit-scrollbar-thumb{background:#27387933;border-radius:3px}:root.dark .hourly-scroll::-webkit-scrollbar-thumb{background:#ffffff26}.hourly-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .9rem;min-width:72px;background:#fff9;border:1px solid var(--wtw-glass-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);scroll-snap-align:start}:root.dark .hourly-item{background:#ffffff0a}.hourly-item:hover{background:#ffffffe6;transform:translateY(-3px)}:root.dark .hourly-item:hover{background:#ffffff14}.hourly-item.has-change{background:#2b6cb026;border-color:#2b6cb059}:root.dark .hourly-item.has-change{background:#3498db1f;border-color:#3498db59}.hourly-item.has-change:before{content:"☔";position:absolute;top:-8px;font-size:.7rem}.hourly-time{font-family:var(--wtw-font-body);font-size:.8rem;font-weight:600;color:var(--wtw-text-muted)}.hourly-icon{font-size:1.6rem}.hourly-temp{font-family:var(--wtw-font-display);font-size:1.15rem;font-weight:700;color:var(--wtw-text-primary)}.seo-footer{margin-top:2.5rem;padding:2.5rem;background:var(--wtw-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--wtw-glass-border);border-radius:24px;max-width:1200px;margin-left:auto;margin-right:auto;animation:cardReveal .7s cubic-bezier(.16,1,.3,1) .5s both}.seo-footer h2{font-family:var(--wtw-font-display);font-size:1.6rem;font-weight:500;color:var(--wtw-text-primary);margin-bottom:1rem;font-style:italic}.seo-footer p{font-family:var(--wtw-font-body);color:var(--wtw-text-muted);line-height:1.8;margin-bottom:1rem}.seo-footer p:last-child{margin-bottom:0}.seo-footer a{color:var(--wtw-accent-warm);font-weight:600;text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}.seo-footer a:hover{border-bottom-color:var(--wtw-accent-warm)}.error-container{text-align:center;padding:4rem 2rem;background:var(--wtw-glass-bg);backdrop-filter:blur(20px);border:1px solid var(--wtw-glass-border);border-radius:24px;max-width:500px;margin:0 auto}.error-icon{font-size:4rem;margin-bottom:1.5rem;filter:grayscale(.3)}.error-message{font-family:var(--wtw-font-body);font-size:1.1rem;color:var(--wtw-text-muted);margin-bottom:2rem;line-height:1.6}.retry-button{padding:.9rem 2rem;background:linear-gradient(135deg,var(--wtw-accent-warm) 0%,#d4886a 100%);color:#1a1b3c;border:none;border-radius:100px;font-family:var(--wtw-font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #e8a87c4d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e8a87c66}@media (max-width: 480px){.seo-content{padding:2rem .75rem 3rem}.seo-content h1{font-size:2rem}.seo-content .subtitle{font-size:1rem}.weather-grid{padding:0 .75rem 2rem;gap:1rem}.weather-card{border-radius:20px}.card-header{padding:1rem 1.25rem}.card-body{padding:1.25rem}.weather-main{gap:1rem}.weather-icon,.weather-temp{font-size:3.5rem}.weather-condition{font-size:1.2rem}.weather-extra{gap:1.5rem}.avatar-wrapper{width:150px;height:150px}.avatar-container:before{width:180px;height:180px}.clothing-item{padding:.55rem .9rem;font-size:.85rem}.hourly-item{min-width:64px;padding:.85rem .75rem}.hourly-icon{font-size:1.4rem}.seo-footer{padding:1.75rem;margin-left:.75rem;margin-right:.75rem;border-radius:20px}.seo-footer h2{font-size:1.35rem}}@media (min-width: 481px) and (max-width: 767px){.weather-grid{gap:1.25rem}.weather-icon,.weather-temp{font-size:4rem}}@media (prefers-reduced-motion: reduce){.weather-card,.avatar-wrapper,.alert-item,.weather-icon{animation:none}.avatar-container:before{animation:none}.clothing-item:hover,.hourly-item:hover,.retry-button:hover{transform:none}}.aqi-card{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,var(--wtw-glass-bg) 100%);border-color:#10b98133}:root.dark .aqi-card{background:linear-gradient(135deg,rgba(52,211,153,.1) 0%,var(--wtw-glass-bg) 100%);border-color:#34d39940}.aqi-card .card-header h2{color:#10b981}:root.dark .aqi-card .card-header h2{color:#34d399}.aqi-loading-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.aqi-spinner{width:40px;height:40px;border-width:2px;border-top-color:#10b981}.aqi-loading-text{font-family:var(--wtw-font-body);font-size:.9rem;color:var(--wtw-text-muted)}.aqi-card.aqi-error{border-color:#ef444433;background:linear-gradient(135deg,rgba(239,68,68,.06) 0%,var(--wtw-glass-bg) 100%)}.aqi-error-message{text-align:center;color:var(--wtw-text-muted);font-family:var(--wtw-font-body);font-size:.95rem;padding:2rem 1rem}.aqi-primary{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.5rem;border-bottom:1px solid var(--wtw-glass-border);margin-bottom:1.25rem}.aqi-icon{font-size:3.5rem;line-height:1;animation:iconFloat 4s ease-in-out infinite}.aqi-value-group{display:flex;flex-direction:column;gap:.25rem}.aqi-value{font-family:var(--wtw-font-display);font-size:3rem;font-weight:700;line-height:1;letter-spacing:-.02em}.aqi-label{font-family:var(--wtw-font-body);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.aqi-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.aqi-metric{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;background:#ffffff80;border:1px solid var(--wtw-glass-border);border-radius:12px;transition:transform .2s ease,background .2s ease}:root.dark .aqi-metric{background:#ffffff0d}.aqi-metric:hover{transform:translateY(-2px);background:#ffffffb3}:root.dark .aqi-metric:hover{background:#ffffff14}.metric-label{font-family:var(--wtw-font-body);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--wtw-text-muted)}.metric-value{font-family:var(--wtw-font-display);font-size:1.25rem;font-weight:700;color:var(--wtw-text-primary);line-height:1.1}.metric-unit{font-family:var(--wtw-font-body);font-size:.6rem;color:var(--wtw-text-muted);margin-top:-.15rem}.aqi-mask-alert{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding:.9rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-left:3px solid #ef4444;border-radius:12px}:root.dark .aqi-mask-alert{background:#dc262626;border-color:#dc26264d;border-left-color:#f87171}.mask-icon{font-size:1.5rem;flex-shrink:0}.mask-text{font-family:var(--wtw-font-body);font-size:.85rem;font-weight:500;color:#dc2626;line-height:1.4}:root.dark .mask-text{color:#f87171}@media (max-width: 480px){.aqi-primary{gap:1rem}.aqi-icon{font-size:2.75rem}.aqi-value{font-size:2.5rem}.aqi-label{font-size:.85rem}.aqi-metrics{gap:.5rem}.aqi-metric{padding:.6rem .4rem}.metric-value{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.aqi-icon{animation:none}.aqi-metric:hover{transform:none}}