@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2)format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff)format("woff")}@font-face{font-family:Chewy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chewy-latin-400-normal-BFhrjfYU.woff2)format("woff2"),url(/assets/chewy-latin-400-normal-Bytuav8a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fdfcf7;--ink:#2b2b2b;--cream:#f3ead8;--cream-dim:#d9cba9;--chalk:#f6eedd;--chalk-dim:#eee0c0d9;--chalk-secondary:#f6eeddb8;--chalk-shadow:0 2px 3px #1e0f0580;--chalk-shadow-title:0 2px 4px #1e0f058c;--pen:#1d5fd6;--pen-hover:#1447a8;--red:#b3403a;--note:#fdf9ea;--tape:#eee4c6cc;--desk:#8a5c30;--under-sheet-1:#f0ead9;--under-sheet-2:#e4ddc9;--byline:#6d6553;--sheet-shadow:1px 2px 0 #eae4d4, 2px 4px 0 #ded7c4, 3px 6px 0 #d3ccb8, 4px 10px 16px #1e0f0559, 8px 26px 50px #140a0466;--size-display:2.8rem;--size-title:2.2rem;--size-action:1.6rem;--size-body:1.35rem;--size-small:1rem}*{box-sizing:border-box}button,input,select,textarea{font:inherit;line-height:inherit}html,body,#root{height:100%;margin:0}body{color:var(--ink);overscroll-behavior:none;font-family:Patrick Hand,cursive;line-height:1.2}h1,h2,.hand-title{font-family:Kalam,cursive;font-weight:700}.site-header{z-index:20;pointer-events:none;background:linear-gradient(#1c0d0480 0%,#1c0d0452 55%,#1c0d0400 100%);height:78px;position:fixed;top:0;left:0;right:0}.site-header>*{pointer-events:auto}.site-logo-link{display:block}.site-logo{filter:drop-shadow(0 2px 2px #3c1e0a73);width:auto;height:96px;position:absolute;top:24px;left:24px}.site-nav{font-family:Kalam,cursive;font-weight:700;font-size:var(--size-body);gap:1.4rem;display:flex;position:absolute;top:28px;right:28px}.site-nav a{color:var(--chalk-secondary);text-shadow:var(--chalk-shadow);text-decoration:none;transition:transform .15s,color .15s;display:inline-block;transform:rotate(.8deg)}.site-nav a:hover{color:var(--chalk);transform:rotate(-4deg)scale(1.1)}.site-nav a.active{color:var(--chalk);text-shadow:var(--chalk-shadow);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px;transform:rotate(-1.2deg)}.site-nav-icon{width:22px;height:22px;display:none}.admin-corner{z-index:20;font-size:var(--size-small);position:fixed;bottom:.4rem;right:.8rem}.admin-corner a{color:#f3ead866;text-decoration:none}.admin-corner a:hover{color:var(--chalk)}.site-footer{z-index:20;font-size:var(--size-small);color:#f3ead859;pointer-events:none;font-family:Patrick Hand,cursive;position:fixed;bottom:.5rem;left:.9rem}.page{z-index:3;min-height:100vh;padding:4.6rem 1rem 1.5rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));padding-bottom:max(1.5rem, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:relative}@media (width<=900px),(height<=650px){.site-logo{filter:drop-shadow(0 2px 4px #140a048c);height:52px;top:14px;left:14px}.site-header{background:0 0}.site-nav{z-index:25;padding:.5rem max(.5rem, env(safe-area-inset-left)) calc(.4rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-right));background:#140a04eb;justify-content:space-around;gap:0;position:fixed;inset:auto 0 0}.site-nav a{flex-direction:column;align-items:center;gap:.15rem;font-size:.7rem;transform:none!important}.site-nav-icon{display:block}.site-nav a.active{text-decoration:none}.admin-corner,.site-footer{z-index:1;font-size:.65rem;top:8px;bottom:auto;left:auto}.site-footer{right:60px}.admin-corner{right:8px}}.desk{background-color:var(--desk);background-blend-mode:normal, multiply, normal;background-image:-webkit-linear-gradient(338deg,#ffecc31a 0%,#0000 45%,#2d140538 100%),-webkit-linear-gradient(270deg,#c48c4052 0%,#965f2673 100%),-webkit-image-set(url(/desk-1920.webp) 1x type("image/webp"),url(/desk-1920.jpg) 1x type("image/jpeg"));background-image:linear-gradient(112deg,#ffecc31a 0%,#0000 45%,#2d140538 100%),linear-gradient(#c48c4052 0%,#965f2673 100%),image-set("/desk-1920.webp" 1x type("image/webp"),"/desk-1920.jpg" 1x type("image/jpeg"));background-position:50%;background-size:auto,auto,cover;background-attachment:fixed;min-height:100%;position:relative}.desk-vignette{z-index:2;pointer-events:none;opacity:.62;background:radial-gradient(#1c0d0400 48%,#1c0d0473 77%,#1c0d04 100%);position:fixed;inset:0}@media (width<=900px),(height<=650px){.desk{z-index:0;background-image:none}.desk:before{content:"";z-index:-1;background-blend-mode:normal, multiply, normal;background-image:-webkit-linear-gradient(338deg,#ffecc31a 0%,#0000 45%,#2d140538 100%),-webkit-linear-gradient(270deg,#c48c4052 0%,#965f2673 100%),-webkit-image-set(url(/desk-1920.webp) 1x type("image/webp"),url(/desk-1920.jpg) 1x type("image/jpeg"));background-image:linear-gradient(112deg,#ffecc31a 0%,#0000 45%,#2d140538 100%),linear-gradient(#c48c4052 0%,#965f2673 100%),image-set("/desk-1920.webp" 1x type("image/webp"),"/desk-1920.jpg" 1x type("image/jpeg"));background-position:50%;background-size:auto,auto,cover;position:fixed;inset:0}}@keyframes inkWiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-2.5deg)}65%{transform:rotate(2deg)}}@keyframes paperWobble{0%{transform:rotate(-1.1deg)}25%{transform:rotate(.5deg)translateY(-9px)}55%{transform:rotate(-2.2deg)translateY(2px)}to{transform:rotate(-1.1deg)}}@keyframes crumbFade{0%,70%{opacity:1}to{opacity:0}}.paper-card{background:var(--paper);box-shadow:var(--sheet-shadow);border-radius:2px;position:relative}.paper-card:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.4 0.4 0.4 0 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E");position:absolute;inset:0}.tape{background:var(--tape);pointer-events:none;width:92px;height:26px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:0 1px 2px #1e0f0540}.ink-link{color:var(--pen);cursor:pointer;font-family:Kalam,cursive;font-weight:700;text-decoration:none;display:inline-block}.ink-link:hover{color:var(--pen-hover);animation:.4s inkWiggle}.desk-action{color:var(--chalk);font-family:Kalam,cursive;font-weight:700;font-size:var(--size-action);text-shadow:var(--chalk-shadow-title);text-underline-offset:6px;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;transition:transform .15s;display:inline-block}.desk-action:hover{transform:rotate(-1.5deg)scale(1.05)}.home-page{z-index:3;grid-template-columns:minmax(0,2fr) minmax(0,3fr);justify-content:center;align-items:center;gap:clamp(1.5rem,4vw,5rem);max-width:1400px;min-height:100vh;margin-inline:auto;padding:4.5rem clamp(1.5rem,3vw,3rem) 2rem;display:grid;position:relative}.home-copy{flex-direction:column;justify-self:end;gap:1.3rem;max-width:400px;display:flex}.home-copy-line{font-family:Kalam,cursive;font-weight:700;font-size:var(--size-action);color:var(--chalk);text-shadow:var(--chalk-shadow);margin:0;line-height:1.45}.home-cta{color:var(--chalk);font-family:Kalam,cursive;font-weight:700;font-size:var(--size-title);text-shadow:var(--chalk-shadow-title);text-underline-offset:7px;align-self:flex-start;margin-top:.4rem;line-height:1.1;text-decoration:underline;text-decoration-thickness:2.5px;transition:transform .15s,color .15s;display:inline-block;transform:rotate(-2deg)}.home-cta:hover{color:#fffdf2;transform:rotate(-3deg)scale(1.05)}.home-replay-unit{flex-direction:column;align-items:flex-end;gap:.55rem;padding-right:2.5rem;display:flex}.home-card{width:min(100%,900px,96vh);padding:.7rem .7rem .6rem;transform:rotate(-1.6deg)}.home-theme-note{z-index:1;background:var(--note);font-family:Patrick Hand,cursive;font-size:var(--size-small);border-radius:2px;margin-bottom:-2.2rem;margin-right:-20px;padding:.5rem 1.1rem .6rem;line-height:1.2;position:relative;transform:rotate(7deg);box-shadow:1px 2px 3px #1e0f0559,3px 8px 16px #1e0f054d}.home-theme-note:before{content:"";background:var(--tape);width:66px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #1e0f0540}.home-theme-title{font-family:Kalam,cursive;font-weight:700;font-size:var(--size-action);color:var(--red)}.home-theme-error{font-size:var(--size-small);color:var(--byline);margin:0}.home-replay-canvas{aspect-ratio:16/10;width:100%;display:block}@media (width<=900px){.home-page{grid-template-columns:minmax(0,1fr);justify-items:center}.home-copy{justify-self:center}.home-replay-unit{justify-self:center;padding-inline:1.5rem}.home-card{width:min(100vw - 6rem,900px,96vh)}}.home-replay-caption{justify-content:space-between;align-items:baseline;gap:.6rem;min-height:1.8rem;padding:.1rem .3rem 0;display:flex}.home-replay-title{font-family:Kalam,cursive;font-weight:700;font-size:var(--size-action)}.home-replay-byline{font-size:var(--size-small);color:var(--byline)}.home-replay-nav{justify-content:center;align-self:stretch;gap:1.4rem;margin-top:.5rem;display:flex}.home-replay-nav-btn{cursor:pointer;color:var(--chalk);text-underline-offset:3px;background:0 0;border:none;padding:0;font-family:Patrick Hand,cursive;font-size:1.2rem;text-decoration:underline;transition:opacity .15s}.home-replay-nav-btn:hover{opacity:.7}@media (width<=1100px){.home-copy-line{font-size:1rem}.home-cta{font-size:1.25rem}.home-theme-note{padding:.4rem .8rem .5rem;font-size:.85rem}.home-theme-title,.home-replay-title{font-size:1.05rem}.home-replay-byline{font-size:.85rem}.home-replay-nav-btn{font-size:1.05rem}}@media (width<=900px),(height<=650px){.home-page{padding-top:1.75rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media (width<=900px){.home-page{padding-top:5.5rem}}.pencil-hint{z-index:9;pointer-events:none;align-items:center;gap:.4rem;display:flex;position:fixed;bottom:38px;left:342px}.pencil-hint-arrow{filter:drop-shadow(0 1px 2px #1e0f0566)}.pencil-hint-text{color:var(--chalk);text-shadow:0 2px 3px #1e0f058c;white-space:nowrap;font-family:Kalam,cursive;font-size:1.35rem;font-weight:700;display:inline-block;transform:rotate(-2.5deg)}.pencil-tray{z-index:10;flex-direction:row;align-items:flex-end;gap:1px;display:flex;position:fixed;bottom:-6px;left:68px}.pencil-fan-item{transform-origin:50% 100%;pointer-events:none;display:inline-block}.pencil-btn{cursor:pointer;pointer-events:none;filter:drop-shadow(0 4px 4px #140a0473);background:0 0;border:none;margin:0;padding:0;line-height:0;transition:transform .4s cubic-bezier(.3,1.6,.6,1),filter .3s;display:block;transform:translateY(40px)}.pencil-btn:hover{transform:translateY(22px)}.pencil-btn.selected{filter:drop-shadow(0 8px 9px #140a048c);transform:translateY(16px)}.pencil-btn.selected:hover{transform:translateY(16px)}.pencil-btn.pre-settle{transform:translateY(180px)}.pencil-btn svg{pointer-events:visiblePainted;display:block}.pencil-btn:focus-visible{outline:2px dashed var(--chalk);outline-offset:-2px}.pencil-hint-arrow-mobile{display:none}@media (orientation:landscape) and (height<=650px){.pencil-hint{flex-direction:column;align-items:center;gap:.2rem;width:140px;bottom:140px;left:22px}.pencil-hint-text{text-align:center;white-space:normal;order:-1;font-size:.8rem}.pencil-hint-arrow{display:none}.pencil-hint-arrow-mobile{order:1;display:block}.pencil-tray{transform-origin:0 100%;bottom:42px;left:32px;transform:scale(.72)}}.draw-page{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:100vh;padding:6.6rem 3vw .9rem;display:flex;position:relative}.draw-column{flex-direction:column;align-items:center;gap:1.8rem;display:flex}.draw-sheet-wrap{filter:drop-shadow(2px 7px 9px #1e0f0554)drop-shadow(7px 22px 40px #140a045c);position:relative;transform:rotate(-1.1deg)}.draw-sheet-understack{border-radius:2px;position:absolute;inset:0}.draw-sheet-understack-2{background:var(--under-sheet-2);transform:translate(7px,10px)rotate(.4deg)}.draw-sheet-understack-1{background:var(--under-sheet-1);transform:translate(3px,5px)rotate(-.25deg)}.draw-sheet{aspect-ratio:16/10;background:var(--paper);border-radius:2px;width:min(1600px,100vw - 110px,160vh - 387.2px);position:relative}.draw-sheet:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.4 0.4 0.4 0 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E");position:absolute;inset:0}.draw-canvas{border-radius:inherit;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.eraser-crumb{z-index:2;pointer-events:none;background:#cfc5ae;border-radius:2px;height:3px;animation:4s forwards crumbFade;position:absolute}.sheet-theme{z-index:4;pointer-events:none;color:#55524a;font-family:Kalam,cursive;font-size:1.35rem;font-weight:700;position:absolute;top:.55rem;left:1.2rem;transform:rotate(-.8deg)}.sheet-theme-word{color:var(--red)}.sheet-links{z-index:4;gap:1.4rem;font-size:1.35rem;display:flex;position:absolute;top:.55rem;right:1.2rem}@media (height>=600px){.sheet-theme,.sheet-links{top:calc(.55rem + 5px)}}.sheet-links .ink-link,.submit-trigger-onsheet{font-size:inherit;background:0 0;border:none;padding:0;transition:opacity .15s}.sheet-links .ink-link:disabled{cursor:default}.sheet-submit-mobile{display:none}.submit-trigger-onsheet{color:var(--pen)}.submit-trigger-onsheet:hover{color:var(--pen-hover)}.draw-page .submit-slot{justify-content:flex-end;width:min(1600px,100vw - 110px,160vh - 387.2px)}.desk-coffee-ring{z-index:-1;pointer-events:none;mix-blend-mode:multiply;position:fixed;bottom:2vh;right:2vw;transform:scale(1.25)}.desk-shavings{z-index:-1;pointer-events:none;mix-blend-mode:multiply;position:fixed;bottom:10px;left:90px}.dev-hud{z-index:30;color:var(--cream);background:#140a048c;border-radius:4px;align-items:center;gap:.8rem;padding:4px 8px;font-family:monospace;font-size:12px;display:flex;position:fixed;bottom:.5rem;left:.8rem}.byte-warn-note{z-index:6;background:var(--note);width:min(280px,42vw);color:var(--ink);border-radius:2px;padding:1rem 1.6rem 1.1rem 1.2rem;font-family:Patrick Hand,cursive;position:absolute;bottom:1rem;left:1rem;transform:rotate(-1.4deg);box-shadow:1px 2px #eae2cc,2px 4px #ddd4ba,3px 9px 16px #1e0f0559}.byte-warn-note--over{background:#fdece6}.byte-warn-heading{font-family:Kalam,cursive;font-size:1.15rem;font-weight:700;line-height:1.2;display:inline-block;transform:rotate(-1deg)}.byte-warn-body{color:#2b2b2bcc;margin:.3rem 0 0;font-size:.92rem;line-height:1.32}.byte-warn-note--over .byte-warn-body{margin-top:.4rem}.byte-warn-close{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-family:Kalam,cursive;font-size:1.1rem;font-weight:700;line-height:1;position:absolute;top:.2rem;right:.4rem}.byte-warn-close:hover{color:var(--pen)}@media (orientation:landscape) and (height<=650px){.byte-warn-note{width:min(220px,46vw);padding:.55rem 1.1rem .65rem .75rem;bottom:.6rem;left:.6rem}.byte-warn-heading{font-size:.85rem}.byte-warn-body{font-size:.72rem;line-height:1.25}.byte-warn-close{font-size:.9rem;top:.1rem;right:.25rem}}.scrap-btn{color:var(--ink);background:var(--paper);cursor:pointer;border:none;border-radius:2px;padding:.15rem .7rem .25rem;font-family:Patrick Hand,cursive;font-size:1.05rem;transition:transform .12s;box-shadow:0 1px 2px #1e0f0566,0 4px 8px #1e0f0540}.scrap-btn:nth-child(2){rotate:1.2deg}.scrap-btn:hover:not(:disabled){transform:translateY(-2px)rotate(-1deg)}.scrap-btn:disabled{opacity:.55;cursor:default}@media (orientation:landscape) and (height<=650px){.draw-page{padding:.9rem 1rem calc(3.1rem + env(safe-area-inset-bottom));gap:.3rem}.draw-column{margin-left:16vw}.draw-sheet{width:min(1600px,80vw,116.8vh)}.sheet-theme,.sheet-links{font-size:.8rem}.draw-page .submit-slot .submit-trigger{display:none}.sheet-submit-mobile{z-index:4;display:block;position:absolute;bottom:.6rem;right:1.2rem}.submit-trigger-onsheet{font-size:1rem}}.replay-overlay-backdrop{z-index:40;background:#1c0d0499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.replay-overlay-sheet{aspect-ratio:16/10;background:var(--paper);width:min(1500px,100vw - 200px,160vh - 208px);box-shadow:var(--sheet-shadow);border-radius:2px;position:relative;transform:rotate(1.2deg)}.replay-overlay-sheet:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.4 0.4 0.4 0 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23p)'/%3E%3C/svg%3E");position:absolute;inset:0}.replay-overlay-sheet .replay-player{display:block;position:absolute;inset:0}.replay-overlay-sheet .replay-canvas{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.replay-caption{z-index:4;color:var(--ink);font-family:Kalam,cursive;font-size:1.6rem;font-weight:700;position:absolute;top:.55rem;left:1.3rem;transform:rotate(-1deg)}.replay-close{z-index:4;background:0 0;border:none;padding:0;font-family:inherit;font-size:1.35rem;position:absolute;top:.6rem;right:1.3rem}.replay-overlay-sheet .replay-controls{z-index:4;gap:1.5rem;font-size:1.35rem;display:flex;position:absolute;bottom:.6rem;right:1.3rem}.replay-overlay-sheet .replay-controls .ink-link{font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.replay-overlay-sheet .replay-controls .ink-link:disabled{cursor:default;opacity:.55;animation:none}@media (width<=900px),(height<=650px){.replay-overlay-sheet{width:min(1600px,100vw - 48px,160vh - 76.8px)}.replay-caption{font-size:1rem}.replay-close{font-size:1.1rem}.replay-overlay-sheet .replay-controls{gap:.9rem;font-size:1rem}}.submit-slot{justify-content:center;align-items:flex-start;display:flex}.submit-trigger{background:0 0;border:none;padding:0;transform:rotate(-1.6deg)}.submit-trigger:hover{transform:rotate(-3deg)scale(1.05)}.note-backdrop{background:#1c0d0473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-work-backdrop{z-index:44}.save-work-note{background:var(--note);border-radius:2px;width:min(540px,90vw);padding:1.6rem 1.9rem 1.7rem;position:relative;transform:rotate(-1.8deg);box-shadow:1px 2px #eae2cc,2px 4px #ddd4ba,4px 12px 22px #1e0f0566,8px 26px 50px #140a0466}.save-work-zones{color:var(--ink);flex-direction:column;gap:2rem;font-family:Patrick Hand,cursive;display:flex}.save-work-header{display:flex}.save-work-heading{font-family:Kalam,cursive;font-size:1.8rem;font-weight:700;display:inline-block;transform:rotate(-1deg)}.save-work-body{flex-direction:column;gap:.9rem;display:flex}.save-work-footer{flex-direction:column;gap:.5rem;display:flex}.note-field{align-items:baseline;gap:.6rem;font-size:1.2rem;display:flex}.note-field input{min-width:0;color:var(--ink);background:0 0;border:none;border-bottom:2px dashed #2b2b2b59;outline:none;flex:1;padding:0 .2rem .1rem;font-family:Patrick Hand,cursive;font-size:1.2rem}.note-field input::placeholder{color:#2b2b2b66}.note-terms{cursor:pointer;align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.note-terms-link{font:inherit;text-underline-offset:4px;cursor:pointer;color:var(--ink);background:0 0;border:none;padding:0;text-decoration:underline}.note-terms-link:hover{color:var(--ink);opacity:.7}.note-terms input[type=checkbox]{width:19px;height:19px;accent-color:var(--pen);cursor:pointer;rotate:2deg}.note-actions{align-items:baseline;gap:1.4rem;display:flex}.note-commit{color:var(--pen);text-underline-offset:5px;cursor:pointer;background:0 0;border:none;padding:0;font-family:Kalam,cursive;font-size:1.4rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;transition:transform .15s,color .15s;display:inline-block;transform:rotate(-1.5deg)}.note-commit:hover:not(:disabled){color:var(--pen-hover);transform:rotate(-3deg)scale(1.06)}.note-commit:disabled{cursor:default;opacity:.6}.note-cancel{color:#2b2b2b99;cursor:pointer;background:0 0;border:none;padding:0;font-family:Kalam,cursive;font-size:1.2rem;font-weight:700}.note-cancel:hover{color:var(--ink)}.note-error{color:var(--red);font-size:1rem}.note-status{margin:0;font-size:1.1rem}.blank-warn-backdrop{z-index:50}.fresh-confirm-backdrop{z-index:48}.blank-warn-note{background:var(--note);width:min(460px,86vw);color:var(--ink);border-radius:2px;padding:1.5rem 1.8rem;font-family:Patrick Hand,cursive;position:relative;transform:rotate(-1.8deg);box-shadow:1px 2px #eae2cc,2px 4px #ddd4ba,4px 12px 22px #1e0f0566,8px 26px 50px #140a0466}.blank-warn-heading{font-family:Kalam,cursive;font-size:1.8rem;font-weight:700;line-height:1.2;display:inline-block;transform:rotate(-1deg)}.blank-warn-body{color:#2b2b2bbf;margin:.6rem 0 .9rem;font-size:1.2rem;line-height:1.35}.terms-backdrop{z-index:46;background:#1c0d0473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.terms-note{background:var(--note);width:min(600px,86vw);color:var(--ink);border-radius:2px;padding:1.6rem 1.9rem 1.7rem;font-family:Patrick Hand,cursive;font-size:1.1rem;position:relative;transform:rotate(-.8deg);box-shadow:1px 2px #eae2cc,2px 4px #ddd4ba,4px 12px 22px #1e0f0566,8px 26px 50px #140a0466}.terms-note h3{margin:0 0 .9rem;font-family:Kalam,cursive;font-size:1.8rem;font-weight:700;display:inline-block;transform:rotate(-1deg)}.terms-close{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-family:Kalam,cursive;font-size:1.35rem;font-weight:700;position:absolute;top:.9rem;right:1.4rem}.terms-close:hover{color:var(--pen);animation:.4s inkWiggle}.terms-note ol{flex-direction:column;gap:.7rem;margin:0;padding-left:1.3rem;line-height:1.45;display:flex}.terms-note a{color:var(--ink)}.terms-note a:hover{opacity:.7}.terms-fun{margin:1rem 0 0}.paper-input{color:var(--ink);background:var(--paper);border:none;border-radius:2px;padding:.25rem .6rem;font-family:Patrick Hand,cursive;font-size:1.05rem;transform:rotate(.5deg);box-shadow:0 1px 2px #1e0f0566,0 3px 6px #1e0f0533}.paper-input:focus{outline:2px dashed var(--pen)}.link-btn{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.submit-error{text-align:center;color:#ffd9d0;text-shadow:0 1px 2px #1e0f0599;width:100%;margin:0;font-size:1.05rem}@media (width<=900px),(height<=650px){.save-work-backdrop{padding-top:max(.8rem, env(safe-area-inset-top));align-items:flex-start;overflow-y:auto}.save-work-note{width:min(400px,92vw);padding:.9rem 1.1rem 1rem}.save-work-zones{gap:.8rem}.save-work-heading{font-size:1.15rem}.note-field,.note-field input,.note-terms{font-size:1rem}.note-terms input[type=checkbox]{width:16px;height:16px}.note-commit{font-size:1.1rem}.note-cancel{font-size:.95rem}.terms-note{width:min(480px,92vw);max-height:calc(100vh - 2rem);padding:1rem 1.2rem 1.1rem;font-size:.95rem;overflow-y:auto}.terms-note h3{margin-bottom:.6rem;font-size:1.2rem}.terms-note ol{gap:.4rem;line-height:1.35}.terms-close{font-size:1rem}}.gallery-page{align-items:flex-start;padding:9.5rem 3rem 4rem}.gallery-inner{flex-direction:column;align-items:center;gap:1.6rem;width:min(1160px,100%);display:flex}.gallery-head{flex-wrap:wrap;align-items:baseline;gap:1.8rem;width:100%;display:flex}.week-picker{max-width:100%;color:var(--chalk);text-shadow:0 1px 3px #1e0f0580;cursor:pointer;background:0 0;border:none;border-bottom:2px dashed #f3ead880;outline:none;padding:0 .2rem .15rem;font-family:Kalam,cursive;font-size:1.6rem;font-weight:700;transform:rotate(-1deg)}.week-picker option{color:#2b2b2b}@media (width<=900px),(height<=650px){.gallery-page{padding:5.5rem 1.2rem calc(3.6rem + env(safe-area-inset-bottom))}.week-picker{font-size:1rem}}.gallery-empty{color:var(--cream-dim);font-size:1.2rem}.gallery-empty-note{background:var(--note);border-radius:2px;flex-direction:column;align-items:center;margin-top:100px;padding:1.6rem 2.2rem 1.8rem;display:flex;position:relative;transform:rotate(-1.6deg);box-shadow:1px 2px 3px #1e0f0559,3px 8px 16px #1e0f054d}.gallery-empty-note-text{text-align:center;color:var(--ink);margin:0;font-family:Patrick Hand,cursive;font-size:1.35rem}.gallery-empty-note-cta{margin-top:1.4rem;font-size:1.2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2.4rem 2rem;width:100%;padding-bottom:1rem;display:grid}.doodle-card{background:var(--paper);color:var(--ink);cursor:pointer;transform:rotate(var(--card-rot,0deg));border-radius:2px;flex-direction:column;gap:.1rem;padding:.55rem .55rem .5rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 1px 2px #1e0f0559,2px 8px 18px #1e0f0552}.doodle-card:hover{transform:rotate(0)translateY(-6px)scale(1.04);box-shadow:0 2px 4px #1e0f0566,4px 18px 34px #1e0f0566}.doodle-card-tape{top:-11px;left:var(--tape-left,50%);width:76px;height:22px;transform:translateX(-50%) rotate(var(--tape-rot,-3deg));pointer-events:none;background:#eee4c6c7;position:absolute;box-shadow:0 1px 2px #1e0f0540}.doodle-card-new-sticker{z-index:6;filter:drop-shadow(0 1.5px 2.5px #1e0f0552)drop-shadow(0 4px 8px #140a043d);pointer-events:none;position:absolute;top:-16px;right:-14px;transform:rotate(12deg)}.doodle-card img{aspect-ratio:16/10;object-fit:contain;background:var(--paper);width:100%;display:block}.doodle-card-name{padding:0 .2rem;font-family:Kalam,cursive;font-size:1.1rem;font-weight:700;line-height:1.15}.doodle-card-meta-row{justify-content:space-between;align-items:baseline;gap:.5rem;padding:0 .2rem;display:flex}.doodle-card-byline{color:var(--byline);font-size:1rem}.doodle-card-duration{color:#8a8371;font-size:1rem}.gallery-overlay-loading-text{color:var(--byline);justify-content:center;align-items:center;font-family:Kalam,cursive;font-size:1.35rem;display:flex;position:absolute;inset:0}.replay-share-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.replay-share-btn svg{width:1.1em;height:1.1em;stroke:var(--pen)}.replay-share-btn:hover svg{stroke:var(--pen-hover)}.share-popover{z-index:5;background:var(--note);border-radius:2px;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:9.5rem;padding:.8rem 1rem;display:flex;position:absolute;bottom:calc(100% + .6rem);right:0;transform:rotate(-1deg);box-shadow:1px 2px 3px #1e0f0559,3px 8px 16px #1e0f054d}.share-popover-btn{font-family:Patrick Hand,cursive;font-size:var(--size-body);color:var(--pen);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.share-popover-btn:hover{color:var(--pen-hover)}.share-popover-btn:disabled{cursor:default;opacity:.55}.share-popover-btn:disabled:hover{color:var(--pen)}@media (width<=900px),(height<=650px){.share-popover{min-width:8.5rem;padding:.7rem .9rem}.share-popover-btn{font-size:1.05rem}}.admin-page{align-items:flex-start;padding:9.5rem 3rem 4rem}.admin-card{background:var(--note);box-shadow:var(--sheet-shadow);border-radius:2px;flex-direction:column;gap:.9rem;width:min(560px,100%);padding:1.5rem 1.7rem 1.6rem;display:flex;position:relative;transform:rotate(-.6deg)}.admin-wide{width:min(1400px,100%);margin:0 auto}.admin-title{font-size:var(--size-title);margin:0}.admin-subtitle{margin:.4rem 0 0;font-family:Kalam,cursive;font-size:1.5rem;font-weight:700}.admin-head{justify-content:space-between;align-items:baseline;display:flex}.admin-row{flex-wrap:wrap;gap:.6rem;display:flex}.admin-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.admin-list li{align-items:center;gap:.5rem;display:flex}.admin-list li.selected .admin-theme-btn{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.admin-theme-btn{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:.1rem .2rem;font-family:Patrick Hand,cursive;font-size:1.1rem}.admin-date{color:var(--byline);font-size:.85rem}.admin-delete{padding:0 .5rem}.admin-empty{color:var(--byline);list-style:none}.admin-error{color:var(--red);margin:0;font-size:1.05rem}.admin-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.admin-tag-chip{background:#0000000d;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .3rem .2rem .7rem;display:flex}.admin-tag-btn{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:0;font-family:Patrick Hand,cursive;font-size:1rem}.admin-tag-rename .paper-input{width:8rem;padding:.1rem .3rem;font-size:.95rem}.admin-mode-toggle{gap:.5rem;display:flex}.admin-mode-toggle .scrap-btn.active{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.admin-filter-bar{flex-wrap:wrap;gap:.6rem;display:flex}.admin-doodles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.4rem;margin:0;padding:0;list-style:none;display:grid}.admin-doodle-tile{background:var(--paper);transform:rotate(var(--card-rot,0deg));border-radius:2px;flex-direction:column;gap:.3rem;padding:.55rem .55rem .6rem;display:flex;position:relative;box-shadow:0 1px 2px #1e0f0559,2px 8px 18px #1e0f0552}.admin-doodle-tape{top:-11px;left:var(--tape-left,50%);width:76px;height:22px;transform:translateX(-50%) rotate(var(--tape-rot,-3deg));pointer-events:none;background:#eee4c6c7;position:absolute;box-shadow:0 1px 2px #1e0f0540}.admin-doodle-open{all:unset;cursor:pointer;width:100%;display:block}.admin-doodle-tile img{aspect-ratio:16/10;object-fit:contain;background:var(--paper);width:100%;display:block;box-shadow:0 1px 3px #1e0f054d}.admin-doodle-name{padding:0 .1rem;font-family:Kalam,cursive;font-size:1rem;font-weight:700;line-height:1.15}.admin-doodle-meta-row{justify-content:space-between;align-items:baseline;gap:.4rem;padding:0 .1rem;font-size:.85rem;display:flex}.admin-doodle-byline{color:var(--byline)}.admin-doodle-date{color:#8a8371}.admin-doodle-tags{flex-wrap:wrap;gap:.3rem;padding:0 .1rem;display:flex}.admin-tag-badge{background:var(--ink);color:var(--paper);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.admin-tag-toggle{cursor:pointer;color:var(--byline);background:0 0;border:1px solid #0003;border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.admin-tag-toggle.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.admin-tag-add{cursor:pointer;color:var(--byline);background:0 0;border:1px dashed #0000004d;border-radius:999px;max-width:6.5rem;padding:.05rem .4rem;font-size:.75rem}.admin-doodle-actions{justify-content:flex-end;gap:.4rem;margin-top:.1rem;display:flex}.admin-hidden-badge{z-index:2;background:var(--red);color:#fff;border-radius:999px;padding:.15rem .5rem;font-family:Kalam,cursive;font-size:.7rem;font-weight:700;position:absolute;top:-8px;right:-8px;transform:rotate(8deg);box-shadow:0 1px 2px #1e0f054d}.infinite-scroll-sentinel{justify-content:center;align-items:baseline;gap:.3rem;padding:1rem 0;display:flex}.infinite-scroll-more{font-size:1rem}.infinite-scroll-error{color:var(--red);font-size:.95rem}.admin-doodle-modal{flex-direction:column;align-items:center;gap:.9rem;max-width:calc(100vw - 120px);display:flex}.admin-doodle-modal-tags{background:var(--note);width:100%;box-shadow:var(--sheet-shadow);border-radius:2px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.admin-doodle-modal-tags-label{color:var(--byline);margin-right:.2rem;font-family:Kalam,cursive;font-weight:700}.admin-doodle-modal-close{margin-left:auto;font-size:1.1rem}.rotate-prompt{display:none}@media (orientation:portrait) and (width<=820px){.rotate-prompt{z-index:50;text-align:center;background:#1c0d04eb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:fixed;inset:0}.rotate-prompt p{color:var(--chalk);font-family:Kalam,cursive;font-weight:700;font-size:var(--size-body);text-shadow:var(--chalk-shadow);margin:0}}.rotate-phone{width:130px;height:130px}.rotate-phone-g{transform-origin:60px 60px;animation:2.4s ease-in-out infinite rotate-phone-turn}@keyframes rotate-phone-turn{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.install-banner{display:none}.site-nav-install{cursor:pointer;font:inherit;font-family:Kalam,cursive;font-weight:700;font-size:var(--size-body);color:var(--chalk-secondary);text-shadow:var(--chalk-shadow);background:0 0;border:0;padding:0;transition:transform .15s,color .15s;display:inline-block;transform:rotate(.8deg)}.site-nav-install:hover{color:var(--chalk);transform:rotate(-4deg)scale(1.1)}@media (width<=900px),(height<=650px){.install-banner{left:50%;bottom:calc(4.2rem + env(safe-area-inset-bottom));z-index:24;background:var(--note);width:min(420px,100vw - 1.5rem);color:var(--ink);border-radius:2px;flex-direction:column;gap:.6rem;padding:.9rem 1.1rem 1rem;font-family:Patrick Hand,cursive;display:flex;position:fixed;transform:translate(-50%)rotate(-1.2deg);box-shadow:1px 2px #eae2cc,2px 4px #ddd4ba,4px 12px 22px #1e0f0566,8px 26px 50px #140a0466}.install-banner-copy{margin:.4rem 0 0;font-size:1rem;line-height:1.35}.install-banner-actions{justify-content:flex-end;align-items:baseline;gap:1.2rem;display:flex}.site-nav-install{flex-direction:column;align-items:center;gap:.15rem;font-size:.7rem;transform:none!important}}.install-note-backdrop{z-index:46}.install-note{background:var(--note);width:min(540px,90vw);color:var(--ink);border-radius:2px;padding:1.6rem 1.9rem 1.7rem;font-family:Patrick Hand,cursive;font-size:1.1rem;position:relative;transform:rotate(-1.8deg);box-shadow:1px 2px #eae2cc,2px 4px #ddd4ba,4px 12px 22px #1e0f0566,8px 26px 50px #140a0466}.install-note-header{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.install-note-header .terms-close{white-space:nowrap;flex-shrink:0;position:static}.install-note h3{margin:0 0 .6rem;font-family:Kalam,cursive;font-size:1.8rem;font-weight:700;display:inline-block;transform:rotate(-1deg)}.install-note-lead{color:#2b2b2bbf;margin:0 0 1rem}.install-note ol{flex-direction:column;gap:.7rem;margin:0;padding-left:1.3rem;line-height:1.45;display:flex}.install-share-icon{vertical-align:-4px;width:18px;height:18px;color:var(--ink)}@media (width<=900px),(height<=650px){.install-note{width:min(480px,92vw);max-height:calc(100vh - 2rem);padding:1rem 1.2rem 1.1rem;font-size:.95rem;overflow-y:auto}.install-note h3{margin-bottom:.5rem;font-size:1.2rem}.install-note ol{gap:.4rem;line-height:1.35}}