:root{font-family:Space Grotesk,system-ui,sans-serif;color-scheme:dark;--bg1: #05080b;--bg2: #0b151c;--bg3: #0f1c25;--ink: #eaf2f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 520px at 0% 0%,rgba(69,146,168,.25),transparent 60%),radial-gradient(900px 480px at 80% 10%,rgba(245,181,122,.18),transparent 65%),linear-gradient(135deg,var(--bg3),var(--bg1));color:var(--ink)}#app{min-height:100vh}main.svelte-1n46o8q{padding:0;display:flex;align-items:flex-start;justify-content:flex-start}.board.svelte-1n46o8q{width:100%;max-width:1400px;background:#080c10eb;border:1px solid rgba(148,180,198,.18);border-radius:0 0 18px;padding:14px 18px 12px;box-shadow:0 16px 32px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar.svelte-1n46o8q{display:flex;flex-wrap:nowrap;gap:18px;align-items:center;padding:8px 12px;border-radius:12px;background:#0c1218d9;border:1px solid rgba(148,180,198,.15);overflow:hidden}.eyebrow.svelte-1n46o8q{margin:0 0 6px;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#bcd2e2b3}h1.svelte-1n46o8q{margin:0 0 4px;font-size:24px;letter-spacing:-.02em;color:#f1f5f8}.top-item.svelte-1n46o8q{display:grid;gap:4px;padding:0}.top-item.city.svelte-1n46o8q{min-width:220px}.top-item.now.svelte-1n46o8q{padding:0}.top-value.svelte-1n46o8q{margin:0;font-size:14px;font-weight:600;color:#eaf2f7}.sun-event.svelte-1n46o8q{font-size:16px;letter-spacing:.02em}.top-sub.svelte-1n46o8q{margin:0;font-size:11px;color:#bcd2e2b3}.now-line.svelte-1n46o8q{display:flex;align-items:baseline;gap:6px}.now-label.svelte-1n46o8q{margin:0}.plot.svelte-1n46o8q{margin-top:10px;display:grid;gap:10px;position:relative;justify-items:start}.board.error.svelte-1n46o8q .topbar:where(.svelte-1n46o8q){background:#1c0c10d9;border-color:#c694a033}.error-body.svelte-1n46o8q{margin-top:14px;padding:12px 14px;border-radius:12px;background:#0c1218b3;border:1px solid rgba(148,180,198,.12);display:grid;gap:6px}.error-text.svelte-1n46o8q{margin:0;font-size:12px;color:#e0eaf4d9}.label.svelte-1n46o8q{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#bcd2e299}.value.svelte-1n46o8q{margin:0;font-size:16px;font-weight:600;color:#eaf2f7}.subvalue.svelte-1n46o8q{margin:0;font-size:12px;color:#bcd2e2b3}.plot-grid.svelte-1n46o8q{display:block;width:100%;justify-self:start;max-width:100%;padding:8px 10px 6px;border-radius:12px;background:#0c1218d9;border:1px solid rgba(148,180,198,.12);overflow-x:auto}.plot-grid-inner.svelte-1n46o8q{display:grid;grid-template-columns:48px var(--plot-columns, repeat(12, minmax(54px, 1fr)));gap:8px 12px}.plot-grid.svelte-1n46o8q::-webkit-scrollbar{height:0}.plot-grid.svelte-1n46o8q{scrollbar-width:none}.plot-spacer.svelte-1n46o8q{height:0}.plot-title.svelte-1n46o8q{display:flex;align-items:center;justify-content:center;min-height:64px;font-size:16px;color:#bcd2e299;text-align:center}.plot-track.svelte-1n46o8q{display:grid;grid-column:2 / -1;grid-template-columns:var( --plot-columns, repeat(12, minmax(54px, 1fr)) );gap:8px}.plot-cell.svelte-1n46o8q{display:grid;align-items:end;text-align:center;height:64px}.plot-measure.svelte-1n46o8q{display:block;height:0;overflow:hidden;padding:0 6px;font-size:11px;font-weight:600;line-height:0;white-space:nowrap;visibility:hidden}.plot-bar.svelte-1n46o8q{position:relative;height:calc(12px + var(--level) * 42px);border-radius:10px;background:#94b4c633;display:block;margin-bottom:8px}.bar-hidden.svelte-1n46o8q{height:0;opacity:0}.plot-bar.temp.svelte-1n46o8q{background:linear-gradient(180deg,#54d1b0,#1e7f71)}.plot-bar.precip.svelte-1n46o8q{background:linear-gradient(180deg,#6db5ff,#1f64c2)}.plot-bar.wind.svelte-1n46o8q{background:linear-gradient(180deg,#f1c06a,#ce7a3c)}.plot-value.svelte-1n46o8q{position:absolute;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#eaf2f7;text-shadow:0 2px 6px rgba(0,0,0,.4);padding:0 6px;white-space:nowrap}.plot-value.inside.svelte-1n46o8q{top:50%;transform:translate(-50%,-50%)}.plot-value.above.svelte-1n46o8q{top:-18px}.plot-hours.svelte-1n46o8q{display:grid;grid-column:2 / -1;grid-template-columns:var( --plot-columns, repeat(12, minmax(54px, 1fr)) );gap:8px;text-align:center;font-size:10px;color:#bcd2e299}.plot-hour.svelte-1n46o8q{display:block}.hint.svelte-1n46o8q{margin:10px 0 0;font-size:11px;color:#bcd2e299}code.svelte-1n46o8q{font-family:Space Grotesk,system-ui,sans-serif;background:#94b4c626;padding:2px 6px;border-radius:6px;color:#e8f3f6}@media (max-width: 900px){.board.svelte-1n46o8q{width:100%}.top.svelte-1n46o8q{flex-direction:column;align-items:flex-start}.summary.svelte-1n46o8q{grid-template-columns:repeat(2,minmax(140px,1fr))}.plot-grid.svelte-1n46o8q{padding:8px 10px 6px}.plot-track.svelte-1n46o8q,.plot-hours.svelte-1n46o8q{grid-template-columns:var( --plot-columns, repeat(6, minmax(54px, 1fr)) );grid-column:1 / -1;row-gap:16px}}.sunline.svelte-1n46o8q{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sunline.svelte-1n46o8q:before,.sunline.svelte-1n46o8q:after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:linear-gradient(180deg,#ffdd9e1a,#ffdd9eb3,#ffdd9e1a);box-shadow:0 0 12px #ffdd9e59}.sunline.svelte-1n46o8q:before{left:var(--sunrise, 18%)}.sunline.svelte-1n46o8q:after{left:var(--sunset, 78%)}.sunline-cap.svelte-1n46o8q{position:absolute;top:6px;transform:translate(-50%);width:10px;height:10px;border-radius:999px;background:#ffdd9ed9;box-shadow:0 0 10px #ffdd9e99}.sunline-cap.sunrise.svelte-1n46o8q{left:var(--sunrise, 18%)}.sunline-cap.sunset.svelte-1n46o8q{left:var(--sunset, 78%)}
