:root{--cheap:#28b887;--mid:#ffca3d;--high:#ff626f;--cheap-soft:#dbf3e9;--mid-soft:#fff1c8;--high-soft:#fce4e9;--bg:#f2f6fc;--card:#fff;--text:#090f24;--muted:#52678f;--border:#e9edf5;--orange:#ff7629;--day-column:80px}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:1080px;margin:0 auto}.dashboard{gap:24px;display:grid}.panel{background:var(--card);border-radius:24px;padding:30px;box-shadow:0 8px 30px #293d6410}h1,h2,p{margin:0}h1,h2{letter-spacing:-.04em}.current-header{justify-content:space-between;align-items:center;gap:16px;display:flex}h1{font-size:clamp(38px,6vw,64px);font-weight:750;line-height:1.1}.current-location{color:var(--muted);text-align:right;font-size:14px;line-height:1.6}.current-location time{font-variant-numeric:tabular-nums;font-weight:600;display:block}.tariff-switch{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;display:grid}.price-card{min-width:0;position:relative}.tariff-segment{white-space:nowrap;border:8px solid #0000;justify-content:center;align-items:center;height:130px;font-size:clamp(17px,3vw,34px);font-weight:750;display:flex;position:relative}.price-card.cheap .tariff-segment{background:var(--cheap-soft);border-radius:28px 0 0 28px}.price-card.mid .tariff-segment{background:var(--mid-soft)}.price-card.high .tariff-segment{background:var(--high-soft);border-radius:0 28px 28px 0}.price-card.is-active{z-index:1}.price-card.is-active .tariff-segment{border-color:var(--card);border-radius:32px;transform:scale(1.035,1.15);box-shadow:0 4px 24px #dfaa2733}.price-card.cheap.is-active .tariff-segment{background:linear-gradient(135deg, #35ca9b, var(--cheap))}.price-card.mid.is-active .tariff-segment{background:linear-gradient(135deg,#ffd247,#ffbf2c)}.price-card.high.is-active .tariff-segment{background:linear-gradient(135deg, #ff8090, var(--high))}.price-card.is-active .tariff-segment:before{content:"";border-left:19px solid #0000;border-right:19px solid #0000;border-top:26px solid var(--orange);position:absolute;top:-44px;left:50%;transform:translate(-50%)}.price{white-space:nowrap;justify-content:center;align-items:baseline;gap:9px;margin-top:20px;font-size:clamp(16px,3vw,30px);display:flex}.price strong{letter-spacing:-.035em;font-weight:750}.price span{color:var(--muted);font-size:.8em}.upcoming{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.upcoming h2{letter-spacing:-.025em;font-size:27px;font-weight:700}.upcoming ul{font-variant-numeric:tabular-nums;margin:4px 0 0;padding-left:32px;font-size:25px;line-height:1.5}.clock-fallback{margin-top:10px;font-size:14px;line-height:1.6}.schedule-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 20px;display:flex}.schedule-heading h2{font-size:clamp(25px,4vw,42px);font-weight:750;line-height:1.2}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:25px;font-size:17px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:22px;height:22px;display:block}.cheap{--period-color:var(--cheap)}.mid{--period-color:var(--mid)}.high{--period-color:var(--high)}.dot{background:var(--period-color);box-shadow:inset 0 0 0 1px #00000008}.heatmap-plot{margin-top:16px;padding-top:36px;padding-bottom:10px;position:relative}.timeline{grid-template-columns:var(--day-column) repeat(24, minmax(0, 1fr));gap:3px;display:grid}.axis{align-items:center;height:25px;margin-bottom:12px}.axis span{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:16px}.axis .near-now{visibility:hidden}.day-row{isolation:isolate;align-items:center;margin-bottom:10px;position:relative}.day-row:last-child{margin-bottom:0}.day{flex-direction:column;justify-content:center;align-items:flex-start;padding-left:4px;font-size:20px;font-weight:700;line-height:1.2;display:flex}.today-label{color:#168667;font-size:14px;font-weight:600}.hour{background:linear-gradient(135deg, color-mix(in srgb, var(--period-color), white 8%), var(--period-color));cursor:help;border-radius:5px;min-width:0;height:43px}.day-row.is-today:before{content:"";z-index:-1;background:#e5f7ef;border-radius:14px;position:absolute;inset:-7px -12px}.hour.is-now{box-shadow:inset 0 0 0 2px var(--text), inset 0 0 0 4px #fffb}.time-indicator{background:var(--text);z-index:3;pointer-events:none;width:2px;position:absolute;top:46px;bottom:0}.time-indicator:before{content:"";background:var(--text);border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:-5px}.time-label{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;background:#292f40;border-radius:9px;padding:6px 11px;font-size:15px;font-weight:600;line-height:1.4;position:absolute;bottom:calc(100% + 12px);left:1px;transform:translate(-50%);box-shadow:0 2px 6px #090f2424}.info-card{background:#f7fcfa;padding:22px}.info-content{background:#eaf7f2;border-radius:22px;align-items:flex-start;gap:26px;padding:24px 28px;display:flex}.info-icon{color:#fff;background:linear-gradient(135deg,#39b697,#20977e);border-radius:50%;flex:0 0 40px;place-items:center;height:40px;font-family:Georgia,serif;font-size:28px;font-weight:700;display:grid}.info-content p{letter-spacing:-.015em;font-size:23px;line-height:1.5}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){:root{--day-column:55px}body{padding:20px}.panel{border-radius:20px;padding:24px}.tariff-segment{border-width:6px;height:100px;font-size:23px}.price{gap:6px;font-size:22px}.legend{gap:18px;font-size:14px}.dot{width:16px;height:16px}.axis span{font-size:12px}.day{font-size:16px}.today-label{font-size:10px}.hour{height:36px}.info-content{gap:16px;padding:20px}.info-content p{font-size:17px}}@media (width<=480px){:root{--day-column:39px}body{padding:16px 12px}.dashboard{gap:16px}.panel{border-radius:18px;padding:18px 16px}h1{font-size:38px}.current-location{font-size:11px}.tariff-switch{margin-top:37px}.tariff-segment{border-width:4px;height:78px;font-size:15px}.price-card.is-active .tariff-segment{border-radius:20px;transform:scale(1.035,1.12)}.price-card.is-active .tariff-segment:before{border-top-width:18px;border-left-width:12px;border-right-width:12px;top:-32px}.price-card.cheap .tariff-segment{border-radius:16px 0 0 16px}.price-card.high .tariff-segment{border-radius:0 16px 16px 0}.price-card.cheap.is-active .tariff-segment,.price-card.high.is-active .tariff-segment{border-radius:20px}.price{gap:4px;margin-top:15px;font-size:16px}.price span{font-size:11px}.upcoming{margin-top:20px;padding-top:15px}.upcoming h2{font-size:20px}.upcoming ul{padding-left:24px;font-size:17px}.schedule-heading{gap:12px}.schedule-heading h2{font-size:25px}.legend{gap:16px;font-size:12px}.legend-item{gap:6px}.dot{width:12px;height:12px}.heatmap-plot{margin-top:12px}.timeline{gap:2px}.axis .minor-tick{visibility:hidden}.axis span{font-size:10px}.day{padding-left:0;font-size:13px}.today-label{font-size:8px}.hour{border-radius:3px;height:31px}.day-row{margin-bottom:8px}.day-row.is-today:before{border-radius:9px;inset:-5px -7px}.time-label{padding:5px 8px;font-size:11px}.time-indicator:before{width:8px;height:8px;top:-3px;left:-3px}.info-card{padding:12px}.info-content{border-radius:14px;gap:12px;padding:16px 12px}.info-icon{flex-basis:27px;height:27px;font-size:20px}.info-content p{font-size:14px;line-height:1.55}}@media (width<=350px){.tariff-segment{font-size:13px}.price{gap:3px;font-size:14px}.price span{font-size:10px}}