.chart[data-v-647eb0e5]{width:100%;height:280px}.weather-app{min-height:100vh;padding:30px 20px 70px;font-family:Inter,sans-serif;background:radial-gradient(circle at 85% 15%,rgba(255,220,140,.45),transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,255,255,.12),transparent 50%),linear-gradient(180deg,#6fb8c9,#4ca3bb 55%,#3b8ea5);color:#fff}.top-bar{max-width:1250px;margin:0 auto 18px;padding:14px 22px;border-radius:22px;background:linear-gradient(180deg,#ffffff1a,#ffffff08),linear-gradient(135deg,#003c50a6,#001e2d8c);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 45px #00000040}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.site-title{font-weight:600;font-size:.95rem}.top-bar-right{display:flex;align-items:center;gap:12px}.live{background:#7ed957;color:#114d1f;padding:4px 10px;border-radius:10px;font-size:.7rem;font-weight:700}.chart-panel{position:relative;max-width:1250px;margin:0 auto 35px;padding:40px 35px 25px;border-radius:34px;background:linear-gradient(180deg,#ffffff1f,#ffffff0a),linear-gradient(135deg,#003c50a6,#001e2d8c);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 25px 60px #00000040;overflow:hidden}.chart-overlay-light{position:absolute;top:-80px;right:-80px;width:350px;height:350px;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%);opacity:.18}.chart-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:15px}.weather-icon{width:160px;filter:drop-shadow(0 14px 30px rgba(0,0,0,.35))}.temp-main{font-size:3rem;font-weight:700}.temp-extremes{font-size:.95rem;opacity:.9}@media(min-width:900px){.chart-hero{display:grid;grid-template-columns:180px 1fr 220px;align-items:center;text-align:center}.weather-icon{width:150px;justify-self:center}.temp-main{font-size:4.8rem;justify-self:center}.temp-extremes{justify-self:center;text-align:left;font-size:1rem;line-height:1.6}}.range-tabs{display:flex;gap:12px;margin-top:20px}.range-tabs button{flex:1;padding:12px;border-radius:16px;border:none;background:#ffffff2e;color:#fff;cursor:pointer}.range-tabs .active{background:linear-gradient(135deg,#ffd86f,#ffb347);color:#2c3e50;font-weight:700}.highlights{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.highlight-card{background:linear-gradient(180deg,#fff,#f3f7f9);border-radius:24px;padding:22px;color:#2c4a57;box-shadow:0 12px 30px #0000001a}.card-label{font-size:.75rem;opacity:.55;margin-bottom:10px}.card-value{font-size:2rem;font-weight:700}@media(max-width:768px){.highlights{grid-template-columns:1fr}}:root{--color-bg-deep: #0b1e2d;--color-bg-mid: #123a4f;--color-bg-soft: #1f6f73;--color-bg-green: #4c8f7a;--color-white-soft: rgba(255, 255, 255, .85);--color-white-glass: rgba(255, 255, 255, .18);--color-white-border: rgba(255, 255, 255, .25);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-muted: rgba(255, 255, 255, .55);--glass-blur-strong: blur(24px);--glass-blur-soft: blur(16px);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--shadow-glass: 0 12px 30px rgba(0, 0, 0, .25);--shadow-floating: 0 18px 40px rgba(0, 0, 0, .35);--container-max-width: 1200px;--section-gap: 24px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Arial,sans-serif;color:var(--color-text-primary);background:var(--color-bg-deep);overflow-x:hidden}#app{min-height:100vh}.app-background{position:fixed;inset:0;z-index:0;background:linear-gradient(160deg,var(--color-bg-deep) 0%,var(--color-bg-mid) 35%,var(--color-bg-soft) 65%,var(--color-bg-green) 100%)}.page-container{position:relative;z-index:1;max-width:var(--container-max-width);margin:0 auto;padding:32px 24px 64px;min-height:100vh}.glass{background:var(--color-white-glass);backdrop-filter:var(--glass-blur-soft);-webkit-backdrop-filter:var(--glass-blur-soft);border-radius:var(--radius-lg);border:1px solid var(--color-white-border);box-shadow:var(--shadow-glass)}