html:has(.board){overscroll-behavior:none}html:has(.board) body{overscroll-behavior:none}.board{isolation:isolate;min-height:calc(var(--screen) - 20px);text-align:left;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;background:var(--surface);box-shadow:0 0 0 1px var(--line-strong), 0 2px 4px #0000000a, 0 6px 16px #0000000f;border-radius:14px;grid-template-rows:auto 1fr;place-content:stretch;justify-items:stretch;gap:0;margin:10px;padding:clamp(20px,2.6vw,34px) clamp(22px,4.4vw,68px);display:grid;position:relative;overflow:hidden}.etch{z-index:-2;border:1px solid var(--line);background-image:linear-gradient(to bottom, var(--line) 1px, transparent 1px), linear-gradient(to right, var(--line) 1px, transparent 1px);background-size:100% 16.6667%,14.2857% 100%;position:absolute;inset:84px clamp(22px,4.4vw,68px) 64px;-webkit-mask-image:linear-gradient(90deg,#00000040 0% 40%,#000 64%);mask-image:linear-gradient(90deg,#00000040 0% 40%,#000 64%)}.day,.row{font:500 .6875rem/1 var(--mono);letter-spacing:.08em;color:var(--muted);opacity:.55;position:absolute}.day{top:-20px;left:calc(var(--i) * 100% / 7 + 10px)}.row{left:10px;top:calc(var(--i) * 100% / 6 + 10px)}.ghosts{z-index:-1;pointer-events:none;color:var(--ink);animation:surface 1.8s var(--out) .3s backwards;position:absolute;inset:0}.note,.mark{left:var(--x);top:var(--y);position:absolute;transform:translate(-50%,-50%)}.note{place-items:center;display:grid}.note>*{grid-area:1/1}.scrawl,.mark{opacity:.08;filter:blur(.5px);transition:opacity .3s var(--out), filter .3s var(--out)}.scrawl{transform:rotate(var(--r));letter-spacing:-.01em;white-space:nowrap;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:600}.mark svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:clamp(22px,2vw,30px);height:auto;display:block}.chip{height:24px;font:500 .78125rem/1 var(--ui);white-space:nowrap;opacity:0;filter:blur(4px);transform:rotate(var(--r)) scale(.94);transition:opacity .22s var(--out), filter .22s var(--out), transform .22s var(--out);border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.chip[data-tone=review]{color:#a64500;background:#fef0b8}.chip[data-tone=done]{color:#0c7038;background:#ccf5db}.chip[data-tone=blocked]{color:#be123c;background:#ffdfe3}.note[data-on] .scrawl{opacity:0;filter:blur(4px)}.note[data-on] .chip{opacity:1;filter:blur();transition-duration:.38s,.38s,.52s;transition-delay:var(--d);transform:rotate(0)scale(1)}.ghosts--lens{--lx:0px;--ly:0px;--lr:0px;-webkit-mask-image:radial-gradient(circle var(--lr) at var(--lx) var(--ly), #000 0%, #0000008c 45%, transparent 100%);mask-image:radial-gradient(circle var(--lr) at var(--lx) var(--ly), #000 0%, #0000008c 45%, transparent 100%)}.ghosts--lens .scrawl,.ghosts--lens .mark{opacity:.45;filter:blur()}.ghosts--lens .note[data-on] .scrawl{opacity:0}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{letter-spacing:.32em;text-transform:uppercase;color:var(--ink);align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-head{width:0;height:25px;display:block;overflow:hidden}.wordmark[data-head] .brand-head{width:35px}.wordmark[data-head=pop] .brand-head{transition:width .9s var(--out);overflow:visible}.wordmark:focus-visible{outline:2px solid var(--hero);outline-offset:3px;border-radius:4px}.top-doors{align-items:center;gap:8px;display:flex}.say{align-self:center;max-width:min(57%,50rem);padding:min(48px,5svh) 0}.say>*{animation:rise .76s var(--out) backwards}.say>:first-child{animation-delay:60ms}.say>:nth-child(2){animation-delay:.2s}.say>:nth-child(3){animation-delay:.32s}.board h1{letter-spacing:-.035em;text-wrap:balance;color:var(--ink);font-size:min(clamp(2.75rem,6vw,5.5rem),11.5svh);font-weight:600;line-height:1}.lead{color:#7f7f7f;display:block}.board .lede{letter-spacing:-.015em;max-width:none;color:var(--ink-2);margin-top:min(clamp(18px,2vw,26px),3.5svh);font-size:clamp(1.25rem,1.9vw,1.625rem);font-weight:450;line-height:1.3}.stop{cursor:default;-webkit-tap-highlight-color:transparent;display:inline-block;position:relative}.ink{pointer-events:none;clip-path:inset(0 100% 0 0);width:104%;height:.16em;transition:clip-path .18s ease-out;position:absolute;bottom:-.06em;left:-2%;overflow:visible}.ink path{fill:none;stroke:var(--hero);stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.stop:is([data-on],[data-dog]) .ink{clip-path:inset(0);transition:clip-path .46s var(--out)}.doors{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:min(clamp(28px,3.4vw,40px),5svh);display:flex}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}}@keyframes surface{0%{opacity:0}}@media (pointer:coarse){.ghosts--lens{display:none}}@media (max-width:760px){.board{min-height:calc(var(--screen) - 12px);border-radius:12px;grid-template-rows:auto minmax(190px,1fr) auto;margin:6px;padding:18px 20px 28px}.etch,.ghosts{grid-area:2/1/3/2;inset:30px 0 4px}.etch{-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.day:nth-child(n+5),.row:nth-child(n+11){display:none}.note,.mark{left:var(--mx);top:calc(var(--my) * 2 + 2%);transform:none}.chip{height:22px;padding:0 8px;font-size:.75rem}.say{grid-row:3;align-self:end;max-width:none;padding:24px 0 0}.board h1{font-size:clamp(2.25rem,11vw,3.5rem)}.board .lede{font-size:1.1875rem}}@media (min-width:761px) and (max-height:600px){.board h1{font-size:min(clamp(2.75rem,6vw,5.5rem),9.5svh)}}@media (min-width:761px) and (max-height:500px){.say{padding:16px 0}.board h1{font-size:clamp(2rem,11svh,3rem)}.board .lede{font-size:1.0625rem}.doors{margin-top:16px}}@media (prefers-reduced-motion:reduce){.say>*,.ghosts{animation:none}.scrawl,.mark,.chip,.note[data-on] .chip,.ink,.stop[data-on] .ink{transition-duration:0s;transition-delay:0s}}