@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin.woff2)format("woff2");font-weight:100 1000;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--paper:#f3f1e9;--ink:#20211f;--muted:#686962;--line:#d6d5cb;--accent:#c33c22;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-text-size-adjust:100%;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}#app{max-width:1240px;margin:0 auto;padding:0 30px 56px}button,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-underline-offset:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{background:var(--ink);color:var(--paper);z-index:9;padding:12px 16px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:8px}.eyebrow{letter-spacing:1.6px;color:var(--muted);margin:0;font-size:10px;font-weight:600}.tag{letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);white-space:nowrap;padding:3px 7px;font-size:9px;font-weight:600}.icon{flex:none;overflow:visible}.masthead{border-bottom:1px solid var(--ink);align-items:center;gap:28px;min-height:88px;display:flex}.brand{letter-spacing:-3.5px;align-items:center;min-height:44px;font-family:Space Grotesk,sans-serif;font-size:50px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.brand span{color:var(--accent)}.masthead-city{border-left:1px solid var(--line);flex-direction:column;gap:4px;padding-left:24px;display:flex}.masthead-city select{border:1px solid var(--line);background:var(--paper);border-radius:0;min-height:44px;padding:0 12px;font-size:15px;font-weight:600}.view-switch{border:1px solid var(--ink);margin-left:auto;display:flex}.view-switch button{min-width:88px;min-height:44px;padding:0 18px;font-size:13px;font-weight:600}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.now{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px 40px;padding:36px 0 26px;display:flex}.now-line{flex-direction:column;gap:10px;display:flex}h1{letter-spacing:-.035em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4.4vw,50px);font-weight:700;line-height:1}.now-line p{color:var(--muted);margin:0;font-size:14px}.now-line strong{color:var(--ink);font-weight:600}.season{color:var(--c);font-weight:600}.sky-today{grid-template-columns:repeat(4,auto);gap:4px 26px;margin:0;display:grid}.sky-today dt{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.sky-today dd{margin:4px 0 0;font-family:Space Grotesk,sans-serif;font-size:20px}.controls{border-top:1px solid var(--line);align-items:center;gap:8px;padding:10px 0 18px;display:flex}.period{letter-spacing:-.03em;text-align:center;min-width:9ch;margin:0 8px;font-family:Space Grotesk,sans-serif;font-size:26px}.step{border:1px solid var(--line);min-width:44px;min-height:44px;padding:0 12px;font-size:15px;transition:background .15s,border-color .15s}.step.wide{letter-spacing:1.2px;text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:600}.step:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.step:disabled{opacity:.32;cursor:default}.month-view{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.scene-frame{border:1px solid var(--line);border-radius:18px;margin:0;overflow:hidden}.scene-frame svg{width:100%;height:auto;display:block}.pins{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pins li{border-top:1px solid var(--line);grid-template-columns:28px 1fr;gap:12px;padding:12px 0;display:grid}.pin{background:var(--ink);width:26px;height:26px;color:var(--paper);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.pins div{flex-direction:column;gap:2px;display:flex}.pin-name{text-align:left;align-items:center;min-height:44px;margin:-12px 0;padding:0;font-size:15px;font-weight:600;display:flex}.pin-name:hover{text-underline-offset:4px;text-decoration:underline}.pin-when{color:var(--muted);font-size:12px}.pin-source{color:var(--muted);align-items:center;min-height:32px;font-size:12px;display:inline-flex}.month{margin-top:28px}.weekdays,.grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekdays{letter-spacing:1px;color:var(--muted);text-align:center;padding-bottom:6px;font-size:10px;font-weight:600}.grid{gap:3px}.day{border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:64px;padding:4px 0;font-size:14px;display:flex;position:relative}.day .num{line-height:1;position:relative}.day.past{color:var(--muted);opacity:.6}.day.weekend .num{color:var(--muted)}.day.washed:before{content:"";background:var(--wash);opacity:.5;height:4px;position:absolute;bottom:5px;left:-3px;right:-3px}.day.wash-open:before{left:28%}.day.wash-close:before{right:28%}.day.marked{background:#ebe9de}.day.marked .num{font-weight:600}.day .more{color:var(--muted);font-size:9px;font-weight:600;position:absolute;top:4px;right:5px}.day:hover:not(.empty):not(.selected):not(.today){border-color:var(--line);background:#e5e3d8}.day.today{background:var(--ink);color:var(--paper);border-color:var(--ink)}.day.today .num{font-weight:700}.day.today .icon{filter:invert()grayscale()brightness(1.6)}.day.selected{background:var(--accent);color:#fff;border-color:var(--accent);opacity:1}.wheel-frame{max-width:720px;margin:0 auto}.wheel-frame svg{width:100%;height:auto;display:block}.wheel-frame figcaption{color:var(--muted);text-align:center;max-width:60ch;margin:8px auto 0;font-size:12px;line-height:1.6}.detail{border:1px solid var(--ink);border-top:3px solid var(--c);margin-top:26px;padding:20px 22px;animation:.34s cubic-bezier(.2,.7,.3,1) both slide}.detail-top{justify-content:space-between;align-items:center;display:flex}.close{min-width:44px;min-height:44px;color:var(--muted);font-size:22px;line-height:1}.detail h3{letter-spacing:-.03em;margin:6px 0 18px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700}.record{border-top:1px solid var(--line);grid-template-columns:40px 1fr;gap:14px;padding:16px 0;display:grid}.record h4{margin:0 0 4px;font-size:16px;font-weight:600}.record p{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.55}.record-when{letter-spacing:.4px;font-weight:600;color:var(--ink)!important;font-size:11px!important}.record-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex;font-size:12px!important}.record-foot a{align-items:center;min-height:44px;display:inline-flex}.quiet{color:var(--muted);margin:0;font-size:14px}.coming{border-top:1px solid var(--ink);margin-top:40px;padding-top:18px}.coming ol{margin:14px 0 0;padding:0;list-style:none}.coming li{border-bottom:1px solid var(--line)}.coming button{text-align:left;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;width:100%;min-height:48px;padding:10px 4px;transition:padding-left .15s;display:grid}.coming button:hover{background:#e9e7dd;padding-left:12px}.coming-name{font-size:15px}.coming-when{letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:600}footer{border-top:1px solid var(--ink);margin-top:44px;padding-top:18px}footer p{color:var(--muted);max-width:74ch;margin:0 0 10px;font-size:12px;line-height:1.6}footer .tag{display:inline-block}.colophon{letter-spacing:1.3px;text-transform:uppercase;font-weight:600;font-size:10px!important}.colophon a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.colophon a:hover{text-decoration:underline}@keyframes slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (width<=900px){#app{padding:0 16px 40px}.masthead{flex-wrap:wrap;gap:14px;padding:16px 0}.brand{letter-spacing:-2.6px;font-size:38px}.masthead-city{padding-left:14px}.view-switch{flex-basis:100%;margin-left:0}.view-switch button{flex:1}.sky-today{grid-template-columns:repeat(2,auto)}.controls{flex-wrap:wrap}.period{flex:1;min-width:0;font-size:20px}.month-view{grid-template-columns:minmax(0,1fr)}.day{min-height:52px;font-size:13px}.day .icon{width:16px;height:16px}.record{grid-template-columns:30px 1fr;gap:10px}}@media (prefers-reduced-motion:reduce){*,:after{transition:none!important;animation:none!important}}