:root{--paper:#fffdf5;--line:#cfe0f5;--margin:#f4a3a3;--ink:#2b3a67;--pencil:#5b6478;--hl:#fff176;--pink:#ffc1d6;--mint:#b9f3e4;--sky:#c5e3ff;--lemon:#fff59d;--coral:#ff7b6b;--hand:"Patrick Hand", "Comic Sans MS", cursive;--marker:"Gochi Hand", cursive;--script:"Caveat", cursive;--wobbly:255px 15px 225px 15px / 15px 225px 15px 255px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--hand);color:var(--ink);background:#efe9dc;min-height:100vh;font-size:19px;overflow-x:hidden}body.locked{height:100vh;overflow:hidden}button,input{font:inherit;color:inherit}#intro{z-index:50;text-align:center;background:radial-gradient(circle at 50% 40%,#fffdf5,#efe9dc 70%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#intro.gone{animation:.6s forwards out}@keyframes out{to{opacity:0;visibility:hidden}}.intro-t{font-family:var(--marker);font-size:clamp(2rem,8vw,3.2rem);line-height:1.1;transform:rotate(-2deg)}.intro-t mark{background:linear-gradient(transparent 55%, var(--hl) 55%);color:inherit;padding:0 6px}.plane-btn{cursor:pointer;background:0 0;border:0;margin:34px auto 10px;display:block}.plane-btn:focus-visible{outline:2px dashed var(--ink);outline-offset:10px}.plane{width:180px;height:120px;animation:2.4s ease-in-out infinite hover}@keyframes hover{50%{transform:translateY(-12px)rotate(-3deg)}}#intro.fly .plane{animation:1.8s cubic-bezier(.5,0,.5,1) forwards fly}@keyframes fly{0%{transform:none}30%{transform:translate(28vw,14vh)rotate(18deg)scale(1.1)}55%{transform:translate(8vw,-22vh)rotate(-160deg)scale(.9)}75%{transform:translate(-26vw,4vh)rotate(-200deg)scale(.8)}to{opacity:0;transform:translate(60vw,-70vh)rotate(-330deg)scale(.3)}}.trail{pointer-events:none;position:absolute;inset:0}.trail path{fill:none;stroke:var(--pencil);stroke-width:2.5px;stroke-dasharray:8 10;stroke-linecap:round;opacity:0}#intro.fly .trail path{opacity:.5;stroke-dashoffset:400px;animation:1.8s linear forwards trail}@keyframes trail{to{stroke-dashoffset:0}}.intro-h{color:var(--pencil);font-size:1.1rem}.intro-h b{font-family:var(--marker);color:var(--coral);font-weight:400}#intro.fly .intro-t,#intro.fly .intro-h{opacity:0;transition:opacity .4s}.sheet{background:var(--paper);background-image:linear-gradient(90deg, transparent 52px, var(--margin) 52px, var(--margin) 54px, transparent 54px), repeating-linear-gradient(var(--paper) 0 35px, var(--line) 35px 36px);clip-path:inset(50% 0);background-position:0 0,0 22px;max-width:780px;min-height:calc(100vh - 44px);margin:22px auto;padding:40px 22px 40px 70px;position:relative;box-shadow:0 2px #e6dfcf,0 4px #f7f2e6,0 6px #e6dfcf,0 30px 60px -30px #2b3a6759}body.ready .sheet{animation:1s cubic-bezier(.7,0,.2,1) forwards unfold}@keyframes unfold{to{clip-path:inset(0)}}.holes{flex-direction:column;justify-content:space-around;display:flex;position:absolute;top:0;bottom:0;left:18px}.holes i{background:#efe9dc;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 2px 3px #00000026}@media (width<=560px){.sheet{background-image:linear-gradient(90deg, transparent 40px, var(--margin) 40px, var(--margin) 42px, transparent 42px), repeating-linear-gradient(var(--paper) 0 35px, var(--line) 35px 36px);margin:0;padding:30px 14px 30px 52px}.holes{left:11px}.holes i{width:14px;height:14px}}.doodle{pointer-events:none;fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;position:absolute}.doodle path,.doodle circle,.doodle ellipse{stroke-dasharray:1;stroke-dashoffset:1px}body.ready .doodle path,body.ready .doodle circle,body.ready .doodle ellipse{animation:1.4s forwards draw;animation-delay:var(--d,1s)}@keyframes draw{to{stroke-dashoffset:0}}.d1{width:70px;top:18px;right:20px}.d2{width:56px;top:190px;right:8px}.d3{width:44px;top:30px;left:64px}.d4{width:70px;bottom:150px;right:18px}.d5{width:60px;bottom:40px;left:60px}@media (width<=560px){.d2,.d3{display:none}.d1{width:50px}}header{text-align:center;position:relative}.date{color:var(--pencil);font-size:1rem;transform:rotate(-1deg)}h1{font-family:var(--marker);margin:6px 0 10px;font-size:clamp(2.3rem,9vw,3.8rem);font-weight:400;line-height:1.05}h1.long{max-width:760px;margin-left:auto;margin-right:auto;font-size:clamp(1.8rem,6.2vw,2.9rem);line-height:1.15}h1 mark{color:inherit;background:linear-gradient(transparent 58%, var(--hl) 58%) no-repeat;background-size:0 100%;padding:0 4px}body.ready h1 mark{animation:1s 1.3s forwards hl}body.ready h1 mark.m2{background-image:linear-gradient(transparent 58%, var(--pink) 58%);animation-delay:1.9s}@keyframes hl{to{background-size:100% 100%}}.lede{color:var(--pencil);max-width:480px;margin:0 auto;font-size:1.15rem}.pop{opacity:0;transform:translateY(14px)rotate(-1deg)}body.ready .pop{animation:.7s cubic-bezier(.3,1.5,.5,1) forwards pop;animation-delay:var(--d,1s)}@keyframes pop{to{opacity:1;transform:none}}.q{font-family:var(--marker);align-items:center;gap:10px;margin:34px 0 16px;font-size:1.55rem;display:flex}.q .num{border:2.5px solid var(--ink);border-radius:var(--wobbly);place-items:center;width:40px;height:40px;font-size:1.2rem;display:inline-grid}.search input{border:2px solid var(--ink);border-radius:var(--wobbly);background:#fff;outline:none;width:100%;margin-bottom:14px;padding:10px 14px}.notes{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;padding:6px 4px;display:grid}.sticky{cursor:pointer;text-align:left;background:var(--c);min-height:132px;transform:rotate(var(--r));border:0;padding:22px 14px 14px;transition:transform .3s cubic-bezier(.3,1.5,.5,1),box-shadow .3s;position:relative;box-shadow:0 10px 18px -10px #2b3a6773}.sticky:before{content:"";background:#ffffff8c;border:1px solid #0000000d;width:64px;height:22px;margin-left:-32px;position:absolute;top:-10px;left:50%;transform:rotate(-3deg)}.sticky:hover{transform:rotate(0)scale(1.04)}.sticky:focus-visible{outline:2px dashed var(--ink);outline-offset:4px}.sticky .ini{font-family:var(--marker);font-size:2rem;line-height:1}.sticky .nm{margin-top:6px;font-size:1.08rem;line-height:1.2;display:block}.sticky .sb{color:var(--pencil);font-size:.95rem;display:block}.sticky svg.circle{pointer-events:none;width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;inset:-12px;overflow:visible}.sticky svg.circle path{fill:none;stroke:var(--coral);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.sticky.is-selected svg.circle path{opacity:1}.sticky.is-selected{transform:rotate(0)scale(1.05);box-shadow:0 16px 24px -12px #2b3a6780}.sticky.is-selected svg.circle path{animation:.6s forwards draw}.sticky .tick{font-family:var(--marker);color:var(--coral);opacity:0;font-size:2rem;transition:all .3s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:6px;right:10px;transform:scale(2)}.sticky.is-selected .tick{opacity:1;transform:none}.empty{color:var(--pencil)}.name-line{position:relative}.name-line input{width:100%;font-family:var(--script);color:var(--ink);background:0 0;border:0;outline:none;padding:0 4px;font-size:2.4rem;font-weight:700;line-height:1.5}.name-line input::placeholder{color:#b8bfd0}.name-line svg{width:100%;height:14px;position:absolute;bottom:2px;left:0}.name-line svg path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;transition:stroke .3s}.name-line:focus-within svg path{stroke:var(--coral)}.go{border:3px solid var(--ink);border-radius:var(--wobbly);background:var(--hl);cursor:pointer;width:100%;font-family:var(--marker);box-shadow:5px 6px 0 var(--ink);margin-top:34px;padding:16px;font-size:1.6rem;transition:transform .15s,box-shadow .15s,opacity .3s}.go:hover:not(:disabled){box-shadow:7px 8px 0 var(--ink);transform:translate(-2px,-2px)rotate(-.5deg)}.go:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(4px,5px)}.go:disabled{opacity:.45;cursor:not-allowed}.go.busy span{animation:.5s ease-in-out infinite alternate wob;display:inline-block}@keyframes wob{to{transform:rotate(4deg)translateY(-2px)}}#hint{text-align:center;color:var(--pencil);min-height:1.4em;margin-top:12px}footer{text-align:center;margin-top:44px}footer small{color:var(--pencil);font-size:1rem;display:block}footer img{width:150px;margin-top:6px;transform:rotate(-2deg)}.done{z-index:40;opacity:0;visibility:hidden;background:#2b3a6759;place-items:center;padding:16px;transition:all .3s;display:grid;position:fixed;inset:0}.done.show{opacity:1;visibility:visible}.done .card{background:var(--lemon);text-align:center;width:100%;max-width:400px;padding:34px 26px 26px;transition:transform .5s cubic-bezier(.3,1.6,.5,1);position:relative;transform:rotate(-2deg)scale(.6);box-shadow:0 20px 40px -20px #00000080}.done.show .card{transform:rotate(-2deg)}.done .card:before{content:"";background:#fff9;width:90px;height:26px;margin-left:-45px;position:absolute;top:-12px;left:50%;transform:rotate(2deg)}.done .stamp{font-family:var(--marker);color:var(--coral);font-size:3rem;transform:rotate(-8deg)}.done p{margin:6px 0 18px;font-size:1.15rem}.done .go{margin-top:0;font-size:1.35rem}.done .link{-webkit-text-decoration:underline wavy var(--coral);text-decoration:underline wavy var(--coral);cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:1.1rem}#fx{pointer-events:none;z-index:45;width:100%;height:100%;position:fixed;inset:0}#soundBtn{z-index:30;border:2.5px solid var(--ink);border-radius:var(--wobbly);cursor:pointer;width:50px;height:50px;box-shadow:3px 3px 0 var(--ink);background:#fff;font-size:20px;display:none;position:fixed;bottom:12px;right:12px}body.ready #soundBtn{display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}}.done .card{max-height:calc(100vh - 32px);overflow-y:auto}.promo{background:var(--paper);border:2.5px dashed var(--ink);border-radius:var(--wobbly);margin:0 0 18px;padding:14px 14px 12px;transform:rotate(1deg)}.promo-t{font-family:var(--marker);font-size:1.35rem;margin:0 0 4px!important}.promo-t b{color:var(--coral);font-weight:400}.promo-s{color:var(--pencil);margin:0 0 10px!important;font-size:1rem!important}.promo-s.small{margin:10px 0 0!important;font-size:.9rem!important}.tag{background:var(--hl);border:2px solid var(--ink);border-radius:10px;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.tag span{min-width:0;font-family:var(--marker);overflow-wrap:anywhere;text-align:left;-webkit-user-select:all;user-select:all;flex:1;font-size:1.15rem}.tag button{border:2px solid var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex:none;padding:6px 12px;font-size:.95rem}.promo-btns{gap:8px;margin-top:10px;display:flex}.promo .fb{color:#fff;font:inherit;cursor:pointer;background:#1877f2;border:2px solid #1877f2;border-radius:10px;flex:1;padding:10px;font-size:1.05rem;text-decoration:none;display:block}.promo .fb[hidden]{display:none}.promo #shareBtn:not([hidden])+#fbBtn{color:#1877f2;background:#fff}