*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #121212;--surface: rgba(248, 248, 248, .04);--surface-2: rgba(248, 248, 248, .07);--surface-3: rgba(248, 248, 248, .1);--border: rgba(248, 248, 248, .08);--border-strong: rgba(248, 248, 248, .16);--text: #FFFFFF;--text-mute: rgba(248, 248, 248, .72);--text-dim: rgba(248, 248, 248, .5);--accent: #0966C0;--accent-bright: #7CC2FF;--accent-soft: rgba(124, 194, 255, .6);--accent-glow: rgba(124, 194, 255, .55);--ok: #3FF0BC;--warn: #FFC23A;--danger: #FF6577;--warm: #FFC23A;--warm-bright: #FFE082;--warm-glow: rgba(255, 224, 130, .55);--hourly: #D4ADFF;--hourly-glow: rgba(212, 173, 255, .55);--fivemin: #6BF5D8;--fivemin-glow: rgba(107, 245, 216, .55)}.app[data-alert=watch]{--accent: #E07A1A;--accent-bright: #FFB266;--accent-soft: rgba(255, 178, 102, .6);--accent-glow: rgba(255, 178, 102, .55)}.app[data-alert=high]{--accent: #C42E3F;--accent-bright: #FF7A8A;--accent-soft: rgba(255, 122, 138, .6);--accent-glow: rgba(255, 122, 138, .55)}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overscroll-behavior:none}body{background:radial-gradient(ellipse 90% 40% at 50% 0%,rgba(91,177,255,.1),transparent 60%),radial-gradient(ellipse 60% 30% at 100% 100%,rgba(9,102,192,.06),transparent 60%),#121212;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.app{max-width:430px;margin:0 auto;padding:14px 16px 28px;position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:6px 2px}.header-right{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:9px}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 12px var(--accent-glow),0 0 24px var(--accent-glow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.brand-text{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--text)}.time{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-mute);letter-spacing:.06em;display:flex;align-items:center;gap:6px}.time:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 8px var(--accent-bright)}.user-menu{position:relative}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:#141414f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:14px;padding:12px;z-index:10;box-shadow:0 12px 32px #00000080}.user-pop-name{font-size:12px;font-weight:600;color:var(--text);letter-spacing:.01em}.user-pop-mail{font-size:10.5px;color:var(--text-mute);margin-top:2px;letter-spacing:.02em;word-break:break-all}.user-pop-out{margin-top:10px;width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .15s}.user-pop-out:hover{background:var(--surface-3)}.hero{position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff04 60%);border:1px solid var(--border);border-radius:26px;padding:22px 22px 24px;margin-bottom:14px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(circle at 50% -10%,rgba(91,177,255,.22),transparent 55%);border-radius:26px;pointer-events:none;z-index:-1;animation:season-tint-breathe 16s ease-in-out infinite}.hero[data-season=winter]:before{background:radial-gradient(circle at 50% -10%,rgba(190,220,255,.16),transparent 55%),radial-gradient(ellipse 90% 60% at 100% 110%,rgba(140,200,255,.05),transparent 55%)}.hero[data-season=spring]:before{background:radial-gradient(circle at 50% -10%,rgba(255,200,222,.13),transparent 55%),radial-gradient(ellipse 90% 60% at 0% 110%,rgba(180,230,188,.06),transparent 55%)}.hero[data-season=summer]:before{background:radial-gradient(circle at 50% -10%,rgba(255,210,120,.16),transparent 55%),radial-gradient(ellipse 90% 60% at 100% 110%,rgba(255,170,80,.06),transparent 55%)}.hero[data-season=autumn]:before{background:radial-gradient(circle at 50% -10%,rgba(255,165,95,.14),transparent 55%),radial-gradient(ellipse 90% 60% at 0% 110%,rgba(210,120,80,.06),transparent 55%)}@keyframes season-tint-breathe{0%,to{transform:scale(.99);opacity:.7}50%{transform:scale(1.02);opacity:1}}.season-emblem{position:absolute;top:58px;right:18px;width:28px;height:28px;z-index:1;pointer-events:none;opacity:.62;animation:emblem-float 9s ease-in-out infinite}.season-emblem svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 8px currentColor)}.season-emblem--winter{color:#d2e6ffd9}.season-emblem--spring{color:#ffbed6eb}.season-emblem--autumn{color:#ffa85ceb}@keyframes emblem-float{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:.78}}.hero-top,.hero-value,.hero-weather,.meter,.meter-marks{position:relative;z-index:2}.hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.78}.hero-atmosphere:before,.hero-atmosphere:after{content:"";position:absolute;pointer-events:none}.weather-particle{position:absolute;pointer-events:none}.hero-atmosphere--calm:before{width:170px;height:80px;right:-26px;top:42px;border-radius:50%;background:radial-gradient(ellipse,rgba(124,194,255,.12),transparent 68%);filter:blur(8px);animation:calm-drift 14s ease-in-out infinite alternate}.hero-atmosphere--calm .weather-particle{width:2px;height:2px;border-radius:50%;background:#7cc2ff5c;box-shadow:0 0 10px #7cc2ff73;animation:calm-pulse 7s ease-in-out infinite}.hero-atmosphere--calm .weather-particle:nth-child(1){right:18%;top:30%;animation-delay:-1s}.hero-atmosphere--calm .weather-particle:nth-child(2){right:34%;top:46%;animation-delay:-3s}.hero-atmosphere--calm .weather-particle:nth-child(3){right:10%;top:58%;animation-delay:-5s}.hero-atmosphere--calm .weather-particle:nth-child(4){right:42%;top:23%;animation-delay:-2s}.hero-atmosphere--calm .weather-particle:nth-child(5){right:26%;top:70%;animation-delay:-4s}.hero-atmosphere--sun:before{width:128px;height:128px;right:-28px;top:28px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,130,.28),rgba(255,194,58,.11) 42%,transparent 68%);filter:blur(1px);animation:sun-breathe 8s ease-in-out infinite}.hero-atmosphere--sun:after{width:190px;height:190px;right:-58px;top:-2px;border-radius:50%;background:conic-gradient(from 12deg,transparent 0 8deg,rgba(255,224,130,.13) 8deg 10deg,transparent 10deg 33deg);-webkit-mask-image:radial-gradient(circle,transparent 0 34%,#000 35% 70%,transparent 71%);mask-image:radial-gradient(circle,transparent 0 34%,#000 35% 70%,transparent 71%);animation:sun-turn 34s linear infinite}.hero-atmosphere--sun .weather-particle{width:3px;height:3px;border-radius:50%;background:#ffe0826b;box-shadow:0 0 12px #ffe08273;animation:warm-speck 9s ease-in-out infinite}.hero-atmosphere--sun .weather-particle:nth-child(1){right:18%;top:25%;animation-delay:-2s}.hero-atmosphere--sun .weather-particle:nth-child(2){right:9%;top:46%;animation-delay:-5s}.hero-atmosphere--sun .weather-particle:nth-child(3){right:31%;top:39%;animation-delay:-1s}.hero-atmosphere--sun .weather-particle:nth-child(4){right:22%;top:64%;animation-delay:-7s}.hero-atmosphere--sun .weather-particle:nth-child(5){right:43%;top:30%;animation-delay:-4s}.hero-atmosphere--sun .weather-particle:nth-child(6){right:12%;top:72%;animation-delay:-6s}.hero-atmosphere--sun .weather-particle:nth-child(7){right:36%;top:58%;animation-delay:-3s}.hero-atmosphere--wind:before{width:220px;height:86px;right:-34px;top:58px;border-top:1px solid rgba(124,194,255,.15);border-bottom:1px solid rgba(124,194,255,.08);border-radius:50%;transform:rotate(-8deg);filter:blur(.2px);animation:wind-line 9s ease-in-out infinite}.hero-atmosphere--wind .weather-particle{width:10px;height:5px;border-radius:10px 0;background:linear-gradient(135deg,#ffc23a6b,#3ff0bc29);box-shadow:0 0 12px #ffc23a24;animation:leaf-drift 13s linear infinite}.hero-atmosphere--wind .weather-particle:nth-child(1){left:-8%;top:22%;animation-delay:-1s}.hero-atmosphere--wind .weather-particle:nth-child(2){left:-14%;top:39%;animation-delay:-5s}.hero-atmosphere--wind .weather-particle:nth-child(3){left:-6%;top:61%;animation-delay:-8s}.hero-atmosphere--wind .weather-particle:nth-child(4){left:-20%;top:72%;animation-delay:-3s}.hero-atmosphere--wind .weather-particle:nth-child(5){left:-9%;top:31%;animation-delay:-10s}.hero-atmosphere--wind .weather-particle:nth-child(6){left:-17%;top:52%;animation-delay:-12s}.hero-atmosphere--wind .weather-particle:nth-child(7){left:-11%;top:18%;animation-delay:-6s}.hero-atmosphere--wind .weather-particle:nth-child(8){left:-24%;top:44%;animation-delay:-14s}.hero-atmosphere--wind .weather-particle:nth-child(9){left:-16%;top:67%;animation-delay:-9s}.hero-atmosphere--rain:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 18%,rgba(124,194,255,.14),transparent 42%),linear-gradient(180deg,rgba(124,194,255,.04),transparent 58%);animation:rain-haze 7s ease-in-out infinite alternate}.hero-atmosphere--rain .weather-particle{width:1px;height:28px;border-radius:99px;background:linear-gradient(180deg,transparent,rgba(124,194,255,.42),transparent);transform:rotate(13deg);animation:rain-fall 3.8s linear infinite}.hero-atmosphere--rain .weather-particle:nth-child(1){left:54%;top:-26%;animation-delay:-.4s}.hero-atmosphere--rain .weather-particle:nth-child(2){left:61%;top:-18%;animation-delay:-2.3s}.hero-atmosphere--rain .weather-particle:nth-child(3){left:68%;top:-31%;animation-delay:-1.4s}.hero-atmosphere--rain .weather-particle:nth-child(4){left:75%;top:-22%;animation-delay:-3.1s}.hero-atmosphere--rain .weather-particle:nth-child(5){left:82%;top:-35%;animation-delay:-.9s}.hero-atmosphere--rain .weather-particle:nth-child(6){left:90%;top:-16%;animation-delay:-2.7s}.hero-atmosphere--rain .weather-particle:nth-child(7){left:47%;top:-28%;animation-delay:-1.9s}.hero-atmosphere--rain .weather-particle:nth-child(8){left:58%;top:-42%;animation-delay:-3.4s}.hero-atmosphere--rain .weather-particle:nth-child(9){left:71%;top:-40%;animation-delay:-2s}.hero-atmosphere--rain .weather-particle:nth-child(10){left:86%;top:-48%;animation-delay:-1.1s}.hero-atmosphere--rain .weather-particle:nth-child(11){left:63%;top:-52%;animation-delay:-3.7s}.hero-atmosphere--rain .weather-particle:nth-child(12){left:78%;top:-54%;animation-delay:-2.9s}.hero-atmosphere--snow:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 84% 16%,rgba(232,242,255,.13),transparent 48%);animation:snow-haze 10s ease-in-out infinite alternate}.hero-atmosphere--snow .weather-particle{width:4px;height:4px;border-radius:50%;background:#e8f2ffb8;box-shadow:0 0 10px #e8f2ff73;animation:snow-fall 10s linear infinite}.hero-atmosphere--snow .weather-particle:nth-child(1){left:48%;top:-10%;animation-delay:-2s}.hero-atmosphere--snow .weather-particle:nth-child(2){left:55%;top:-22%;animation-delay:-7s}.hero-atmosphere--snow .weather-particle:nth-child(3){left:62%;top:-15%;animation-delay:-4s}.hero-atmosphere--snow .weather-particle:nth-child(4){left:69%;top:-30%;animation-delay:-9s}.hero-atmosphere--snow .weather-particle:nth-child(5){left:76%;top:-17%;animation-delay:-1s}.hero-atmosphere--snow .weather-particle:nth-child(6){left:83%;top:-26%;animation-delay:-6s}.hero-atmosphere--snow .weather-particle:nth-child(7){left:90%;top:-12%;animation-delay:-3s}.hero-atmosphere--snow .weather-particle:nth-child(8){left:52%;top:-36%;animation-delay:-10s}.hero-atmosphere--snow .weather-particle:nth-child(9){left:59%;top:-43%;animation-delay:-5s}.hero-atmosphere--snow .weather-particle:nth-child(10){left:67%;top:-40%;animation-delay:-8s}.hero-atmosphere--snow .weather-particle:nth-child(11){left:73%;top:-49%;animation-delay:-11s}.hero-atmosphere--snow .weather-particle:nth-child(12){left:81%;top:-45%;animation-delay:-2.8s}.hero-atmosphere--snow .weather-particle:nth-child(13){left:88%;top:-38%;animation-delay:-7.6s}.hero-atmosphere--snow .weather-particle:nth-child(14){left:95%;top:-51%;animation-delay:-4.6s}.hero-atmosphere--snow .weather-particle:nth-child(15){left:45%;top:-44%;animation-delay:-9.6s}.hero-atmosphere--blossom:before{width:150px;height:100px;right:-34px;top:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,200,220,.14),rgba(255,220,230,.04) 50%,transparent 72%);filter:blur(5px);animation:blossom-halo 12s ease-in-out infinite}.hero-atmosphere--blossom .weather-particle{width:7px;height:7px;border-radius:100% 0;background:linear-gradient(135deg,#ffc8dcb8,#ffe6eb57);box-shadow:0 0 12px #ffc8dc66;animation:petal-drift 17s linear infinite}.hero-atmosphere--blossom .weather-particle:nth-child(1){left:-8%;top:12%;animation-delay:-1s}.hero-atmosphere--blossom .weather-particle:nth-child(2){left:-14%;top:32%;animation-delay:-4s}.hero-atmosphere--blossom .weather-particle:nth-child(3){left:-6%;top:52%;animation-delay:-7s}.hero-atmosphere--blossom .weather-particle:nth-child(4){left:-20%;top:22%;animation-delay:-2s}.hero-atmosphere--blossom .weather-particle:nth-child(5){left:-10%;top:68%;animation-delay:-9s}.hero-atmosphere--blossom .weather-particle:nth-child(6){left:-22%;top:40%;animation-delay:-12s}.hero-atmosphere--blossom .weather-particle:nth-child(7){left:-12%;top:80%;animation-delay:-5s}.hero-atmosphere--blossom .weather-particle:nth-child(8){left:-25%;top:56%;animation-delay:-14s}.hero-atmosphere--blossom .weather-particle:nth-child(9){left:-9%;top:46%;animation-delay:-11s}.hero-atmosphere--blossom .weather-particle:nth-child(10){left:-17%;top:16%;animation-delay:-3s}@keyframes calm-drift{0%{transform:translate3d(0,-2px,0) scale(.96);opacity:.45}to{transform:translate3d(-16px,8px,0) scale(1.08);opacity:.75}}@keyframes calm-pulse{0%,to{transform:translateZ(0);opacity:.18}50%{transform:translate3d(-10px,5px,0);opacity:.58}}@keyframes sun-breathe{0%,to{transform:scale(.94);opacity:.55}50%{transform:scale(1.05);opacity:.88}}@keyframes sun-turn{to{transform:rotate(360deg)}}@keyframes warm-speck{0%,to{transform:translateZ(0);opacity:.15}45%{transform:translate3d(-14px,-7px,0);opacity:.62}}@keyframes wind-line{0%,to{transform:translateZ(0) rotate(-8deg);opacity:.35}50%{transform:translate3d(-18px,-3px,0) rotate(-6deg);opacity:.72}}@keyframes leaf-drift{0%{transform:translateZ(0) rotate(0);opacity:0}16%{opacity:.7}82%{opacity:.42}to{transform:translate3d(430px,34px,0) rotate(250deg);opacity:0}}@keyframes rain-haze{0%{opacity:.45}to{opacity:.75}}@keyframes rain-fall{0%{transform:translateZ(0) rotate(13deg);opacity:0}16%{opacity:.54}to{transform:translate3d(-34px,230px,0) rotate(13deg);opacity:0}}@keyframes snow-haze{0%{opacity:.38}to{opacity:.72}}@keyframes snow-fall{0%{transform:translateZ(0);opacity:0}16%{opacity:.72}to{transform:translate3d(-38px,232px,0);opacity:0}}@keyframes blossom-halo{0%,to{transform:translateZ(0) scale(.96);opacity:.4}50%{transform:translate3d(-10px,4px,0) scale(1.06);opacity:.72}}@keyframes petal-drift{0%{transform:translateZ(0) rotate(0);opacity:0}16%{opacity:.78}82%{opacity:.46}to{transform:translate3d(440px,70px,0) rotate(300deg);opacity:0}}@media (prefers-reduced-motion: reduce){.hero:before,.hero-atmosphere,.hero-atmosphere:before,.hero-atmosphere:after,.weather-particle,.season-emblem{animation:none!important}}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hero-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-mute);font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 8px;border-radius:100px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:#0966c024;border:1px solid rgba(91,177,255,.3);color:var(--accent-bright)}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 8px currentColor}.hero-value{display:flex;align-items:baseline;gap:4px;margin-top:14px;font-weight:200;letter-spacing:-.05em;line-height:.9}.hero-num{font-size:104px;background:linear-gradient(180deg,#fff 20%,#e8f2ff 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;filter:drop-shadow(0 0 24px rgba(124,194,255,.35))}.hero-pct{font-size:44px;color:#ffffffc7;font-weight:300}.hero-weather{position:absolute;right:22px;bottom:56px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;pointer-events:none}.hero-weather-label{font-size:8.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);font-weight:600}.hero-weather-temp{font-size:31px;line-height:.95;font-weight:500;letter-spacing:0;color:var(--accent-bright);text-shadow:0 0 18px var(--accent-glow);font-variant-numeric:tabular-nums}.hero-weather-temp span{font-size:13px;margin-left:2px;color:var(--text-mute);font-weight:400}.hero-weather-meta{max-width:112px;font-size:9.5px;line-height:1.2;color:var(--text-mute);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{margin-top:14px;height:4px;background:#ffffff0d;border-radius:100px;overflow:hidden;position:relative}.meter-fill{height:100%;width:2%;background:linear-gradient(90deg,var(--ok),var(--warn) 60%,var(--danger));border-radius:100px;transition:width .8s cubic-bezier(.4,0,.2,1)}.meter-marks{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:var(--text-dim);letter-spacing:.08em}.segments{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:4px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;position:relative}.segments-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:10px;transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 2px 12px #0006}.segments[data-active=forecast] .segments-thumb{transform:translate(100%)}.segment{background:transparent;border:none;color:var(--text-mute);font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:10px 8px;cursor:pointer;z-index:1;transition:color .25s;-webkit-user-select:none;user-select:none}.segment.active{color:var(--text)}.panels{overflow:hidden;margin:0 -4px;padding:0 4px}.panel-scroller{display:flex;width:200%;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform}.panel-scroller[data-active=forecast]{transform:translate(-50%)}.panel{width:50%;flex-shrink:0;padding:0 4px}.chart-card{background:linear-gradient(180deg,#ffffff0b,#ffffff03);border:1px solid var(--border);border-radius:20px;padding:18px 16px 12px}.chart-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.chart-title{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-mute);font-weight:500;margin-bottom:6px}.chart-legend{display:flex;align-items:center;gap:10px;margin-bottom:8px}.chart-legend-item{position:relative;padding-left:18px;font-size:9px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.chart-legend-item:before{content:"";position:absolute;left:0;top:50%;width:12px;height:2px;transform:translateY(-50%);border-radius:99px}.chart-legend-item--hourly:before{background:var(--accent-bright);box-shadow:0 0 10px var(--accent-glow)}.chart-legend-item--prediction:before{background:repeating-linear-gradient(90deg,var(--warm-bright) 0 4px,transparent 4px 7px)}.chart-now{font-size:26px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;color:var(--accent-bright);text-shadow:0 0 18px var(--accent-glow)}.chart-now .unit{font-size:11px;color:var(--text-mute);margin-left:4px}.chart-trend{font-size:10.5px;color:var(--text-mute);margin-top:6px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.chart-peak{text-align:right}.chart-peak-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-mute);margin-bottom:6px}.chart-peak-value{font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--warm-bright);text-shadow:0 0 14px var(--warm-glow)}.chart-peak-time{font-size:10px;color:var(--text-mute);margin-top:2px;font-variant-numeric:tabular-nums}.chart-wrap{position:relative;margin:0 -4px;overflow:hidden}.chart-wrap:before,.chart-wrap:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none;z-index:2}.chart-wrap:before{left:0;background:linear-gradient(90deg,rgba(20,20,20,.72),transparent)}.chart-wrap:after{right:0;background:linear-gradient(270deg,rgba(20,20,20,.72),transparent)}.chart-scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x;will-change:scroll-position;padding:0 4px 1px}.chart-scroller::-webkit-scrollbar{display:none}.chart-canvas{min-width:100%}.chart-svg{width:100%;height:200px;display:block}.chart-axis{position:relative;height:16px;margin-top:4px;font-size:9.5px;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.06em}.chart-axis-tick{position:absolute;top:0;white-space:nowrap;transform:translate(-50%)}.chart-axis-tick--start{transform:translate(0)}.chart-axis-tick--end{transform:translate(-100%)}.ranges{display:flex;gap:6px;margin-top:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px}.ranges::-webkit-scrollbar{display:none}.range{background:transparent;border:1px solid var(--border);border-radius:100px;padding:7px 13px;font-size:11px;color:var(--text-mute);letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:inherit;font-weight:500}.range:active{background:var(--surface)}.range.active{background:var(--accent);border-color:var(--accent-bright);color:#fff;font-weight:700;box-shadow:0 0 16px #0966c073}.peak-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.peak-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff0e,#ffffff04);border:1px solid var(--border);border-radius:16px;padding:13px 14px 14px;min-width:0;isolation:isolate}.peak-card:before{content:"";position:absolute;inset:auto 12px 0;height:1px;opacity:.65;z-index:-1}.peak-card--hourly:before{background:linear-gradient(90deg,transparent,var(--hourly),transparent);box-shadow:0 0 18px var(--hourly-glow)}.peak-card--prediction:before{background:linear-gradient(90deg,transparent,var(--warm-bright),transparent);box-shadow:0 0 18px var(--warm-glow)}.peak-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.peak-label{font-size:8.5px;color:var(--text);background:var(--surface-2);padding:3px 7px;border-radius:100px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.peak-time{min-width:0;font-size:10px;color:var(--text-mute);letter-spacing:.1em;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.peak-value{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--warm-bright);text-shadow:0 0 14px var(--warm-glow)}.peak-value .unit{font-size:10px;color:var(--text-mute);margin-left:3px;font-weight:400}.peak-card--hourly .peak-value{color:var(--hourly);text-shadow:0 0 14px var(--hourly-glow)}.peak-card--hourly .peak-label{color:var(--hourly);background:#c094ff1a}.peak-card--prediction .peak-label{color:var(--warm-bright);background:#ffe0821a}.forecast-list{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.forecast-day{display:grid;grid-template-columns:1fr auto 54px;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border);transition:background .15s;position:relative}.forecast-day:last-child{border-bottom:none}.forecast-day:active{background:var(--surface-2)}.forecast-day.today{background:linear-gradient(90deg,#0966c029,#0966c005 70%)}.forecast-day.today:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--accent-bright);box-shadow:0 0 10px var(--accent-bright)}.day-info{display:flex;flex-direction:column;gap:2px;min-width:0}.day-name{font-size:14px;font-weight:500;letter-spacing:-.01em}.day-date{font-size:11px;color:var(--text-mute);font-variant-numeric:tabular-nums;letter-spacing:.02em}.day-demand{font-size:14px;font-variant-numeric:tabular-nums;color:var(--warm-bright);font-weight:600;text-align:right;text-shadow:0 0 12px var(--warm-glow)}.day-demand .unit{font-size:10px;color:var(--text-mute);margin-left:2px;font-weight:400}.day-chance{text-align:center;font-size:12px;font-weight:600;padding:5px 4px;border-radius:8px;background:#f8f8f80d;color:var(--text-mute);border:1px solid rgba(248,248,248,.1);font-variant-numeric:tabular-nums;letter-spacing:.02em}.day-chance.mid{background:#ffb0201a;color:var(--warn);border-color:#ffb02038}.day-chance.high{background:#ff4d5e1a;color:var(--danger);border-color:#ff4d5e38}.forecast-summary{margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item+.summary-item{border-left:1px solid var(--border);padding-left:12px}.summary-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute)}.summary-value{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--warm-bright);text-shadow:0 0 12px var(--warm-glow)}.summary-value .unit{font-size:9px;color:var(--text-mute);margin-left:2px}.swipe-hint{text-align:center;margin-top:18px;font-size:10px;color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px}.swipe-hint .dot{width:4px;height:4px;border-radius:50%;background:var(--text-dim);transition:all .3s}.swipe-hint .dot.active{background:var(--accent);width:14px;border-radius:4px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.auth-card{width:100%;max-width:380px;background:linear-gradient(180deg,#ffffff0f,#ffffff04 60%);border:1px solid var(--border);border-radius:26px;padding:28px 26px 22px;position:relative;overflow:hidden;isolation:isolate}.auth-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(circle at 50% -10%,rgba(91,177,255,.22),transparent 55%);border-radius:26px;pointer-events:none;z-index:-1}.auth-brand{margin-bottom:28px}.auth-title{font-size:22px;font-weight:300;letter-spacing:-.02em;color:var(--text);margin-bottom:8px}.auth-sub{font-size:12px;line-height:1.6;color:var(--text-mute);margin-bottom:24px}.auth-btn{width:100%;background:var(--accent);border:1px solid var(--accent-bright);color:#fff;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 0 22px #0966c066}.auth-btn:hover{background:var(--accent-bright);box-shadow:0 0 32px #5bb1ff80}.auth-btn:active{transform:translateY(1px)}.auth-foot{margin-top:18px;text-align:center;font-size:9.5px;color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase}.auth-status{margin-top:18px;font-size:12px;color:var(--text-mute);letter-spacing:.04em}.auth-status--error{color:var(--danger)}