*{box-sizing:border-box}body{color:#111f35;background:#eef2f6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard{--canvas:#eef2f6;--surface:#fbfcfe;--text:#111f35;--muted:#52627a;--line:#d6dfe8;--selected:#e0edfa;background:radial-gradient(ellipse at 20% 0%, #fff, transparent 70%), var(--canvas);max-width:1680px;height:100dvh;min-height:100dvh;color:var(--text);flex-direction:column;gap:30px;margin:0 auto;padding:36px;display:flex}.dashboard.dark{--canvas:#101d2c;--surface:#192838;--text:#f6f8fc;--muted:#b6c9de;--line:#42576e;--selected:#293f59;background:radial-gradient(ellipse at 15% 0%, #26384c, transparent 75%), var(--canvas)}header{align-items:flex-end;gap:40px;padding:0 24px;display:flex}.date{text-transform:capitalize;margin:0 0 4px;font-size:28px}.clock{letter-spacing:-5px;font-variant-numeric:tabular-nums;font-size:100px;font-weight:400;line-height:1}.period{border-left:1px solid var(--line);align-items:center;gap:24px;margin-bottom:6px;padding-left:36px;display:flex}.period>span{color:#b27608;font-size:70px;line-height:1}.dark .period>span{color:#94bcfa}.period p{margin:0 0 8px;font-size:34px}.period small{color:var(--muted);font-size:20px}.dashboard-grid{flex:1;grid-template-columns:minmax(0,5fr) minmax(0,3.7fr) minmax(0,2.3fr);gap:16px;min-height:0;display:grid}.panel,.focus{border-radius:22px;min-width:0}.panel{background:var(--surface);border:1px solid var(--line);flex-direction:column;padding:30px 24px;display:flex}h2{letter-spacing:-.8px;margin:0 0 22px;font-size:34px;font-weight:500}.focus{color:#fff;isolation:isolate;background:#466d83;align-items:flex-end;display:flex;position:relative;overflow:hidden}.landscape{z-index:-2;background:linear-gradient(#90b4ca 0%,#d7cbb9 35%,#afc3ce 39%,#476c80 75%,#29434d);position:absolute;inset:0;overflow:hidden}.sun{background:#fff0c3;border-radius:50%;width:110px;height:110px;position:absolute;top:27%;left:23%;box-shadow:0 0 100px 36px #f9d9a880}.shore{background:#30515d;border-radius:45% 50% 0 0;width:130%;height:36%;position:absolute;top:42%;right:-55%;transform:rotate(-14deg)}.shore-front{background:#1a3541;top:76%;right:-30%;transform:rotate(-21deg)}.focus.period-Ilta .landscape,.focus.period-Yö .landscape{background:linear-gradient(#172d4f,#705466 32%,#d18b69 39%,#3f5873 43%,#162d46)}.focus.period-Ilta .sun,.focus.period-Yö .sun{background:#ecb783;width:60px;height:60px;top:32%;box-shadow:0 0 100px 20px #edbd8340}.focus:after{content:"";z-index:-1;background:linear-gradient(#0000 10%,#10233399 40%,#0c1a29fa 100%);position:absolute;inset:0}.focus-content{width:100%;padding:36px}.focus h2{text-transform:uppercase;letter-spacing:3px;margin-bottom:18px;font-size:16px;font-weight:600}.focus h3{letter-spacing:-1.5px;overflow-wrap:anywhere;margin:0;font-size:clamp(36px,3.7vw,54px);font-weight:500;line-height:1.12}.event-hour{letter-spacing:-2px;margin:10px 0 20px;font-size:58px;line-height:1}.event-details{flex-wrap:wrap;gap:12px 18px;font-size:20px;line-height:1.5;display:flex}.members{color:var(--muted);font-size:18px;line-height:1.5;display:inline}.members>span{margin-right:9px;display:inline-block}.members i{border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}.focus .members{font-size:inherit;color:#fff}.ongoing,.quiet{margin:18px 0 0;font-size:22px}.events{margin:0;padding:0;list-style:none}.events li{border-bottom:1px solid var(--line);grid-template-columns:68px minmax(0,1fr);gap:12px;padding:18px 10px;display:grid}.events li:last-child{border-bottom:0}.events time{font-size:22px;line-height:1.35}.events p{overflow-wrap:anywhere;margin:0 0 6px;font-size:22px;line-height:1.3}.events .selected{background:var(--selected);border-bottom-color:#0000;border-radius:12px}.events .past{color:var(--muted)}.past-label{color:var(--muted);font-size:17px}.tomorrow{border-top:1px solid var(--line);margin-top:18px;padding-top:20px}.tomorrow h2{margin-bottom:12px}.more{color:var(--muted);margin:12px 0 0;font-size:17px}.location{color:var(--muted);margin:-14px 0 0;font-size:24px}.weather-symbol{color:#ab7200;margin:auto 0 18px;font-size:110px;line-height:1;display:block}.dark .weather-symbol{color:#dbe9ff}.temperature{letter-spacing:-4px;margin:0 0 14px;font-size:clamp(58px,6vw,84px);line-height:1.1}.description{margin:0 0 28px;font-size:24px}dl{border-top:1px solid var(--line);margin:0;padding-top:18px;font-size:23px}dl div{gap:12px;margin-bottom:10px;display:flex}dt{color:var(--muted)}dd{margin:0}.source-status{overflow-wrap:anywhere;margin:18px 0 0;font-size:18px;line-height:1.5}.source-status.stale{border-top:1px solid var(--line);color:var(--muted);padding-top:12px}.focus .source-status{color:#fff;border-color:#7890a7}.focus .state-content .source-status{font-size:32px;font-weight:500}.state-content>p:not(.source-status),.empty-copy{font-size:22px;line-height:1.5}.weather-state{margin-top:60px}.skeleton{background:linear-gradient(110deg,#8296ac22,#8296ac44);border-radius:12px;height:100px;margin-top:24px}.development{max-width:650px;margin:70px auto;padding:30px;font-size:20px;line-height:1.5}.development label{margin:24px 0;display:block}select{width:100%;min-height:48px;font:inherit;color:#111f35;background:#fff;margin-top:8px;padding:8px;display:block}.open-dashboard{color:#fff;background:#203f64;border-radius:10px;align-items:center;min-height:48px;padding:12px 20px;text-decoration:none;display:inline-flex}:focus-visible{outline-offset:4px;outline:3px solid #ac6500}.eyebrow{color:#52627a}@media (height<=900px) and (width>=1180px){.dashboard{gap:24px;padding:28px}.clock{font-size:86px}.date{font-size:25px}.panel{padding:24px 18px}.focus-content{padding:28px}.events li{gap:8px;padding:8px}.events p,.events time{font-size:20px}.members{font-size:17px}h2{margin-bottom:18px;font-size:30px}.tomorrow{margin-top:12px;padding-top:16px}.weather-symbol{font-size:96px}}@media (height<=819px) and (width>=1180px){.dashboard{height:auto}.dashboard-grid{min-height:620px}}@media (width<=1179px){.dashboard{gap:24px;height:auto;padding:24px}header{flex-wrap:wrap;gap:24px;padding:0 8px}.clock{letter-spacing:-3px;font-size:clamp(64px,8vw,86px)}.date{font-size:24px}.period{gap:16px;padding-left:24px}.period p{font-size:28px}.period>span{font-size:56px}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:auto}.focus{min-height:520px}.focus-content,.panel{padding:28px}.focus h3{font-size:clamp(32px,4vw,44px)}.focus-content{background:linear-gradient(#0000,#0c1a29e6 30%)}.weather{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px 28px;display:grid}.weather h2,.weather .location{grid-column:1;margin:0}.weather-symbol{grid-area:3/1/span 2;margin:12px 0;font-size:90px}.weather .temperature{grid-area:1/2/span 2;margin:0}.weather .description{grid-area:3/2;margin:0}.weather dl{grid-area:4/2;padding-top:12px}.weather .source-status,.weather .weather-state{grid-column:1/-1;margin:12px 0 0}h2{font-size:30px}.events li{padding:14px 8px}.events time,.events p{font-size:20px}}@media (width<=759px){.dashboard{gap:20px;padding:clamp(12px,3vw,24px)}.dashboard-grid{grid-template-columns:minmax(0,1fr)}header{align-items:center;gap:18px;padding:0 4px}.period{border-left:0;margin:0;padding-left:0}.period small{font-size:18px}.focus{min-height:420px}.focus-content,.panel{padding:clamp(20px,4vw,28px)}.focus h3{font-size:clamp(32px,6vw,44px)}.event-hour{font-size:48px}.event-details{font-size:18px}.weather{grid-column:auto;gap:0;display:flex}.weather h2{margin-bottom:12px}.weather-symbol{margin:28px 0 18px}.weather .description{margin:14px 0 24px}.weather .temperature{font-size:64px}}body:has(.dashboard.dark){background:#101d2c}