.start-page{
  background:
    radial-gradient(circle at 7% 2%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 28%),
    radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--cyan) 7%,transparent),transparent 25%),
    var(--bg);
}
.start-page .page{max-width:1440px}
.start-page .dashboard-intro{grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);gap:16px}
.start-page .status-hero{
  position:relative;overflow:hidden;min-height:216px;padding:28px 30px 26px 126px;
  color:#effff7;border-color:rgba(94,231,159,.25);
  background:
    radial-gradient(circle at 10% 48%,rgba(91,255,164,.22),transparent 16%),
    radial-gradient(circle at 90% 0%,rgba(72,190,255,.12),transparent 30%),
    linear-gradient(125deg,#06382a 0%,#075442 44%,#08312e 100%);
  box-shadow:0 24px 62px rgba(5,63,47,.22);
}
.start-page .status-hero::after{content:"";position:absolute;inset:-60% -20% auto 52%;height:320px;border:1px solid rgba(110,255,187,.13);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 70px rgba(63,255,158,.08)}
.start-page .status-hero h2{color:#fff;font-size:clamp(32px,4.1vw,48px);margin-top:9px}
.start-page .status-hero p{color:rgba(238,255,247,.78);font-size:15px;max-width:760px}
.start-page .status-hero small{color:rgba(238,255,247,.62)}
.start-page .status-chip{color:#baffd7;background:rgba(66,227,137,.12);border-color:rgba(111,255,176,.35)}
.hero-orb{position:absolute;left:28px;top:50%;transform:translateY(-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#fff;background:rgba(4,27,21,.48);border:1px solid rgba(124,255,183,.56);box-shadow:0 0 0 9px rgba(66,227,137,.08),0 0 42px rgba(75,244,147,.42),inset 0 0 22px rgba(84,255,164,.18)}
.weather-card.weather-rich{min-height:216px;padding:22px 24px;gap:12px}
.weather-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.weather-now{display:flex;align-items:center;gap:12px}.weather-now .weather-icon{font-size:42px}.weather-now strong{font-size:44px;letter-spacing:-.05em}
.weather-condition{font-size:13px;color:var(--muted);margin-top:2px}.weather-range{text-align:right;color:var(--muted);font-size:12px;line-height:1.6}
.weather-hours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.weather-hour{padding:8px 7px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);text-align:center}.weather-hour time{display:block;font-size:10px;color:var(--muted)}.weather-hour b{display:block;font-size:17px;margin:2px 0}.weather-hour small{font-size:9px;color:var(--faint);white-space:nowrap}
.pv-forecast-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;border-top:1px solid var(--line)}.pv-forecast-line span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pv-forecast-line strong{font-size:15px;margin-top:2px;display:block}
.start-page .hero{gap:12px;margin:14px 0}.start-page .hero .card{position:relative;overflow:hidden;min-height:108px;padding:16px 17px 14px}.start-page .hero .card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--metric-accent,var(--accent));opacity:.75}.start-page .metric-icon{float:right;font-size:20px;opacity:.72;margin-top:-2px}.start-page .hero .card strong{font-size:29px}.start-page .hero .card[data-tone="grid"]{--metric-accent:var(--cyan)}.start-page .hero .card[data-tone="pv"]{--metric-accent:var(--yellow)}.start-page .hero .card[data-tone="battery"]{--metric-accent:var(--purple)}.start-page .hero .card[data-tone="soc"]{--metric-accent:var(--green)}
.phase-panel{padding:15px 18px}.phase-panel .panel-head{margin-bottom:9px}.phase-strip.phase-strip-rich{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:0}.phase-strip-rich .phase-cell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;min-height:58px}.phase-strip-rich .phase-cell span{margin:0}.phase-strip-rich .phase-cell strong{font-size:19px;margin:0}.phase-strip-rich .phase-cell small{text-align:right;margin:0}.phase-dot{width:8px;height:8px;border-radius:50%;background:var(--phase-color,var(--green));box-shadow:0 0 0 4px color-mix(in srgb,var(--phase-color,var(--green)) 10%,transparent)}.phase-cell.l1{--phase-color:var(--green)}.phase-cell.l2{--phase-color:var(--purple)}.phase-cell.l3{--phase-color:var(--blue)}.phase-cell.phase-balance{--phase-color:var(--orange)}
.planning-panel{padding:22px 22px 18px}.planning-summary{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 -2px}.planning-pill{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:11px}.planning-pill strong{color:var(--text)}.start-page .timeline-shell{padding-top:34px;margin-top:10px}.start-page .timeline-axis{font-size:11px}.start-page .timeline-track{height:88px;background:linear-gradient(180deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 80%,var(--bg) 20%));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent)}.start-page .timeline-segment{top:10px;bottom:10px;font-size:12px;letter-spacing:.01em;border-radius:12px}.start-page .now-marker{bottom:-8px;box-shadow:0 0 0 1px color-mix(in srgb,var(--panel) 50%,transparent)}
.start-page .dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:16px}.start-page .chart-panel,.start-page .dashboard-grid>.panel{overflow:hidden}.start-page .economic-stack{gap:2px}.economic-highlight{margin-top:14px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--panel-2) 88%,var(--accent) 12%);border:1px solid var(--line)}.economic-highlight span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.economic-highlight strong{font-size:29px;margin-top:5px;display:block}
.price-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.price-legend span{font-size:11px;color:var(--muted)}.price-key{display:inline-block;width:10px;height:4px;border-radius:999px;margin-right:5px;vertical-align:middle}.price-key.cheap{background:var(--green)}.price-key.normal{background:var(--yellow)}.price-key.expensive{background:var(--red)}
@media(max-width:980px){.start-page .dashboard-intro{grid-template-columns:1fr}.weather-card.weather-rich{min-height:auto}.start-page .dashboard-grid{grid-template-columns:1fr}.phase-strip.phase-strip-rich{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.start-page .page{padding:12px 12px 72px}.start-page .status-hero{min-height:190px;padding:22px 18px 20px 82px}.hero-orb{left:16px;width:54px;height:54px;font-size:24px}.start-page .status-hero h2{font-size:29px}.start-page .status-hero p{font-size:12px}.weather-card.weather-rich{padding:17px}.weather-hours{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.weather-hour{padding:7px 3px}.weather-hour b{font-size:15px}.pv-forecast-line{gap:5px}.pv-forecast-line strong{font-size:13px}.start-page .hero{grid-template-columns:repeat(2,minmax(0,1fr))}.start-page .hero .card:last-child{grid-column:auto}.start-page .hero .card{min-height:94px;padding:13px}.start-page .hero .card strong{font-size:23px}.phase-panel{padding:13px}.phase-panel .panel-head small{display:none}.phase-strip.phase-strip-rich{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.phase-strip-rich .phase-cell{display:block;text-align:center;min-height:72px;padding:9px 5px}.phase-strip-rich .phase-cell .phase-dot{margin:0 auto 5px}.phase-strip-rich .phase-cell strong{font-size:16px;margin-top:4px}.phase-strip-rich .phase-cell small{display:block;text-align:center;font-size:9px;margin-top:3px}.phase-strip-rich .phase-balance{display:none}.planning-panel{padding:17px 13px}.start-page .timeline-track{height:74px}.planning-summary{gap:5px}.planning-pill{font-size:9px;padding:6px 8px}.price-legend{gap:7px}.start-page .dashboard-grid{display:block}}