@font-face{font-family:Chewy;src:url(/fonts/Chewy-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/PatrickHand-Regular.ttf) format("truetype");font-display:swap}:root{--paper: #fff6e0;--paper-line: #efe3c4;--ink: #2e2117;--ink-soft: #6b5847;--poop: #a8683c;--flame: #ff8a3d;--butter: #ffd966;--bubblegum: #ff9dbb;--mint: #8fe0b8;--sky: #9ccfff;--lilac: #c9b5ff;--white: #ffffff;--chewy: "Chewy", "Comic Sans MS", system-ui, sans-serif;--hand: "Patrick Hand", "Comic Sans MS", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%}body{background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--paper-line) 31px 32px);background-attachment:fixed;color:var(--ink);font-family:var(--hand);font-size:18px;line-height:1.25;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-family:var(--chewy);font-weight:400}p{margin:0}:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.chewy{font-family:var(--chewy);font-weight:400}.soft{color:var(--ink-soft)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sketch{background:var(--fill, var(--white));border:2.5px solid var(--ink);box-shadow:calc(var(--shadow, 4px) * .75) var(--shadow, 4px) 0 var(--ink)}.sketch.dashed{border-style:dashed}.sketch-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;background:var(--fill, var(--white));border:2.5px solid var(--ink);box-shadow:calc(var(--shadow, 3px) * .75) var(--shadow, 3px) 0 var(--ink);transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s ease;user-select:none;-webkit-user-select:none}.sketch-btn.dashed{border-style:dashed}.sketch-btn:active:not(:disabled){transform:translate(calc(var(--shadow, 3px) * .75),var(--shadow, 3px)) scale(.96);box-shadow:0 0 0 var(--ink)}.sketch-btn:disabled{cursor:default;opacity:.5}.plain-btn{background:none;border:none;padding:0;text-align:inherit}.press{transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.press:active{transform:scale(.95)}.link-btn{background:none;border:none;color:var(--ink-soft);text-decoration:underline;min-height:44px;padding:0 8px}.screen{width:100%;max-width:560px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 20px calc(140px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.row{display:flex;align-items:center;gap:10px}.wrap{display:flex;flex-wrap:wrap;gap:8px}.spacer{flex:1}.title{font-family:var(--chewy);font-size:36px;transform:rotate(-2deg);transform-origin:left center}.icon-btn{width:44px;height:44px;border-radius:22px;font-size:18px;font-weight:700;flex:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--paper);border-top:2.5px solid var(--ink);padding:10px 0 max(8px,env(safe-area-inset-bottom))}.tabbar-inner{max-width:560px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;padding:0 44px}.tab{width:64px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--ink-soft);font-family:var(--chewy);font-size:16px}.tab[aria-current=page]{color:var(--ink)}.plop-btn{width:84px;height:84px;border-radius:42px;--fill: var(--butter);--shadow: 4px;flex-direction:column;gap:0;margin-top:-36px;font-family:var(--chewy);font-size:15px}.field{width:100%;border:2.5px solid var(--ink);border-radius:18px;background:var(--white);box-shadow:2px 3px 0 var(--ink);padding:12px 14px;font-size:19px;outline:none;resize:none}.field:focus{box-shadow:2px 3px 0 var(--ink),0 0 0 4px #9ccfff99}.field::placeholder{color:#9b8a78}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#2e211759;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s ease}.sheet{width:100%;max-width:560px;max-height:min(88vh,900px);display:flex;flex-direction:column;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--paper-line) 31px 32px);border:2.5px solid var(--ink);border-bottom:none;border-radius:28px 26px 0 0;animation:slide-up .32s cubic-bezier(.2,1.2,.4,1);overflow:hidden}.sheet-grip{width:44px;height:5px;border-radius:3px;background:var(--ink-soft);opacity:.5;margin:8px auto 0;flex:none}.sheet-body{overflow-y:auto;padding:12px 20px 20px;display:flex;flex-direction:column;gap:14px}.sheet-footer{padding:8px 16px max(12px,env(safe-area-inset-bottom));background:#fff6e0f5;border-top:2px solid var(--paper-line)}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow-y:auto;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--paper-line) 31px 32px);animation:slide-up .35s cubic-bezier(.2,1,.4,1)}.toast{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;z-index:60;max-width:min(92vw,480px);transform:translate(-50%) rotate(-1deg);padding:10px 16px;text-align:center;--fill: var(--bubblegum);--shadow: 3px;border-radius:18px;animation:toast-in .35s cubic-bezier(.2,1.4,.4,1);cursor:pointer}.menu{position:absolute;right:0;top:52px;z-index:25;min-width:230px;padding:6px;border-radius:18px;--shadow: 4px;display:flex;flex-direction:column;animation:pop-in .18s ease}.menu button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:none;border-radius:12px;background:none;text-align:left;font-size:18px}.menu button:hover{background:var(--paper)}.menu .danger{color:#c2412d}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(60px);opacity:0}}@keyframes pop-in{0%{transform:scale(.9);opacity:0}}@keyframes toast-in{0%{transform:translate(-50%,-40px) rotate(-1deg);opacity:0}}@keyframes sway{0%,to{transform:rotate(-2.5deg) translateY(1.5px)}50%{transform:rotate(2.5deg) translateY(-1.5px)}}@keyframes squish{0%{transform:scale(1)}30%{transform:scale(1.14,.84)}60%{transform:scale(.94,1.08)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%,55%{transform:translate(-120%) rotate(20deg)}to{transform:translate(320%) rotate(20deg)}}@keyframes twinkle{0%,to{transform:scale(.4)}50%{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.plain-btn.sketch{background:var(--fill, var(--white));border:2.5px solid var(--ink)}.plain-btn.sketch.dashed{border-style:dashed}