.kb{--kb-chalk:#f4f1ea;--kb-chalk-yellow:#f2d88a;--kb-slate:#2c312f;--kb-wood:#c9a77f;--kb-erase-ms:.52s;width:100%;position:relative;container-type:inline-size}.kb-shadow{filter:drop-shadow(0 1.6cqw 2.8cqw #402a1447)drop-shadow(0 .3cqw .5cqw #402a142e)}.kb-board{background-color:var(--kb-wood);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.21' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.24 0 0 0 0 0.12 0 0 0 1.1 -0.38'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),linear-gradient(165deg,#ffffff42,#fff0 32%,#0000000d 70%,#0000001f);background-size:100%,100% 100%;border-radius:0 0 1.4cqw 1.4cqw;padding:7.67cqw 7.33cqw 10cqw;position:relative;box-shadow:inset 0 -.5cqw #00000014,inset .4cqw 0 #ffffff1f,inset -.4cqw 0 #0000000f;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 42'%3E%3Cpath d='M0 42V40H150C180 40 186 0 216 0H384C414 0 420 40 450 40H600V42Z' fill='black'/%3E%3C/svg%3E") top/100% no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - 6.66cqw) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 42'%3E%3Cpath d='M0 42V40H150C180 40 186 0 216 0H384C414 0 420 40 450 40H600V42Z' fill='black'/%3E%3C/svg%3E") top/100% no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - 6.66cqw) no-repeat}.kb-slate{background-color:var(--kb-slate);touch-action:pan-y;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 -0.42'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(70% 38% at 28% 16%,#ffffff13,#0000 70%),radial-gradient(60% 30% at 72% 52%,#ffffff0f,#0000 70%),radial-gradient(80% 26% at 40% 88%,#ffffff0e,#0000 70%);min-height:60cqw;padding:2.6cqw 5cqw 5.5cqw 4.2cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .25cqw #00000059,inset 0 1.4cqw 2.6cqw #00000061,inset 0 -.8cqw 1.8cqw #00000038;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 42'%3E%3Cpath d='M0 42V40H112C142 40 148 0 178 0H334C364 0 370 40 400 40H512V42Z' fill='black'/%3E%3C/svg%3E") top/100% no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - 6.66cqw) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 42'%3E%3Cpath d='M0 42V40H112C142 40 148 0 178 0H334C364 0 370 40 400 40H512V42Z' fill='black'/%3E%3C/svg%3E") top/100% no-repeat,linear-gradient(#000 0 0) bottom/100% calc(100% - 6.66cqw) no-repeat}.kb-arch-edge{pointer-events:none;width:100%;height:auto;position:absolute;inset:0 0 auto}.kb-slate:before{content:"";pointer-events:none;filter:blur(.6cqw);background:radial-gradient(38% 5% at 58% 31%,#ffffff0d,#0000 70%),radial-gradient(30% 4% at 44% 47%,#ffffff0b,#0000 70%),radial-gradient(42% 5% at 60% 66%,#ffffff0d,#0000 70%),radial-gradient(26% 4% at 36% 79%,#ffffff0a,#0000 70%);position:absolute;inset:0}.kb-content{color:var(--kb-chalk);text-shadow:0 0 .12cqw #f4f1ea8c,0 0 1.2cqw #f4f1ea12;transition:opacity var(--kb-erase-ms) ease, filter var(--kb-erase-ms) ease, transform var(--kb-erase-ms) ease;font-family:Caveat,Segoe Print,Bradley Hand,cursive;font-weight:500;position:relative;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.25' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -2.1 1.78'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.25' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -2.1 1.78'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E")}.kb-label{text-align:center;letter-spacing:.01em;margin:0 0 3.6cqw;font-size:10.5cqw;font-weight:500;line-height:1;display:block;transform:rotate(-1.2deg)}.kb-days{gap:2.2cqw;margin:0;padding:0;list-style:none;display:grid}.kb-row{grid-template-columns:14.5cqw 1fr;align-items:start;min-height:10cqw;display:grid}.kb-row:nth-child(odd){transform:rotate(-.5deg)}.kb-row:nth-child(2n){transform:rotate(.35deg)}.kb-letter{justify-self:center;padding-top:.4cqw;font-size:11.5cqw;font-weight:500;line-height:.9;position:relative}.kb-today-ring{pointer-events:none;width:15cqw;height:13cqw;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-46%)rotate(-8deg)}.kb-today-ring path{fill:none;stroke:var(--kb-chalk-yellow);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.92;stroke-dasharray:320;stroke-dashoffset:0}.kb.is-writing .kb-today-ring path{animation:.9s cubic-bezier(.4,.2,.2,1) both kb-ring;animation-delay:calc(var(--kb-rows,7) * .11s + .35s)}.kb-cell{min-width:0;padding-top:1.5cqw}.kb-note{text-align:right;opacity:.86;margin:-1.6cqw 0 .4cqw;font-size:4.3cqw;line-height:1;display:block}.kb-dish{text-indent:-4cqw;width:100%;color:inherit;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0 0 0 4cqw;font-size:6.9cqw;line-height:1.02;display:block}button.kb-dish{cursor:pointer;border-radius:1cqw}button.kb-dish .kb-dish-text{text-underline-offset:.2em;-webkit-text-decoration:underline wavy #0000;text-decoration:underline wavy #0000;text-decoration-thickness:.07em;transition:text-decoration-color .18s,color .18s}@media (hover:hover){button.kb-dish:hover .kb-dish-text{color:#fff;text-decoration-color:#f2d88ae6}}@media (hover:none){button.kb-dish .kb-dish-text{text-decoration-color:#f2d88a61}}button.kb-dish:focus-visible{outline-offset:.8cqw;outline:.4cqw dashed #f2d88ae6}button.kb-dish:active .kb-dish-text{color:var(--kb-chalk-yellow)}.kb-row.is-today .kb-dish-text{color:#fffdf6}.kb-reveal{display:block}.kb.is-writing .kb-reveal{animation:.62s cubic-bezier(.33,.6,.3,1) both kb-write;animation-delay:calc(var(--i,0) * .11s + .12s)}.kb.is-erasing .kb-content{opacity:0;filter:blur(.5cqw);transform:translate(1.5cqw)}.kb-eraser{pointer-events:none;opacity:0;filter:blur(2cqw);background:radial-gradient(closest-side,#ffffff29,#ffffff0d 60%,#0000);width:42%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)}.kb.is-erasing .kb-eraser{animation:kb-erase var(--kb-erase-ms) cubic-bezier(.45, 0, .3, 1) both}@keyframes kb-write{0%{clip-path:inset(-25% 100% -25% -6%)}to{clip-path:inset(-25% -6%)}}@keyframes kb-erase{0%{opacity:0;transform:translate(-120%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(260%)}}@keyframes kb-ring{0%{stroke-dashoffset:320px}to{stroke-dashoffset:0}}.kb-ledge{pointer-events:none;background:linear-gradient(#0000002e,#0000);height:.9cqw;position:absolute;bottom:7.6cqw;left:7.33cqw;right:7.33cqw}.kb-chalk-stick{pointer-events:none;background:linear-gradient(#fbfaf6,#e6e2d8);border-radius:.9cqw;width:6.2cqw;height:1.9cqw;position:absolute;bottom:5.4cqw;left:44%;box-shadow:0 .35cqw .5cqw #00000038,inset 0 -.2cqw #00000014}.kb-controls{justify-content:center;align-items:center;gap:.75rem;margin-top:1.1rem;font-family:Inter,system-ui,sans-serif;display:flex}.kb-nav{color:#1f1d1a;cursor:pointer;background:#ffffff8c;border:1px solid #1f1d1a29;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:background .2s,border-color .2s,opacity .2s,transform .2s;display:inline-flex}.kb-nav:hover:not(:disabled){background:#fff;border-color:#1f1d1a59}.kb-nav:active:not(:disabled){transform:scale(.96)}.kb-nav:disabled{opacity:.35;cursor:default}.kb-nav:focus-visible{outline-offset:2px;outline:2px solid #c8553d}.kb-nav svg{width:1.1rem;height:1.1rem}.kb-where{text-align:center;min-width:9.5rem;line-height:1.2}.kb-where-label{color:#1f1d1a;font-size:.95rem;font-weight:600;display:block}.kb-where-sub{color:#5e574e;letter-spacing:.02em;font-size:.75rem;display:block}.kb:focus-visible{outline-offset:6px;border-radius:8px;outline:2px solid #c8553d}.kb--mini .kb-row{min-height:9cqw}.kb--mini .kb-shadow{filter:drop-shadow(0 1.2cqw 2cqw #402a1438)}@media (prefers-reduced-motion:reduce){.kb.is-writing .kb-reveal,.kb.is-writing .kb-today-ring path,.kb.is-erasing .kb-eraser{animation:none!important}.kb-content{transition:none!important}}
