@font-face{font-family:Neucha;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/neucha-cyrillic-BVJzy9qF.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Neucha;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/neucha-latin-ekpzkbTn.woff2)format("woff2");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,:root[data-theme=day]{--desk:#e6e1d6;--paper:#fbfcf7;--grid:#d3e1f1;--margin:#e9a3a3;--ink:#2747a6;--pencil:#6f6a60;--tape:#fff9de9e;--masking:#f4e8c4f2;--crease-dark:#0000000e;--crease-light:#ffffffd9;--shadow:#3c321e38;--back:#e4e7de;--polaroid:#fff;--fold-shadow:#281e0a61;--envelope:#e8d9b9;--envelope-inside:#d9c7a4;--envelope-flap:#ecdcbc;--envelope-flap-back:#cdb994;--seal:#c4453f;--seal-shadow:#9b2f2a;--ribbon:#c4453f;--ribbon-dark:#b13a35;--roll:linear-gradient(180deg, #d6d9ca 0%, #f6f7f0 20%, #fff 36%, #eef0e6 58%, #d2d5c6 82%, #c3c6b7 100%);--roll-end:radial-gradient(ellipse at 50% 50%, #b9bcae 0 2px, #e9ebe1 3px 5px, #c4c7b9 6px 7px, #f2f3ec 8px);--calendar-paper:#fffdf6;--calendar-top:#c4453f}:root[data-theme=night]{--desk:#141519;--paper:#23252c;--grid:#2f333c;--margin:#6a3440;--ink:#afc2ff;--pencil:#8f8c86;--tape:#d2c8a026;--masking:#786e5099;--crease-dark:#00000059;--crease-light:#ffffff0d;--shadow:#000000bf;--back:#1a1c21;--polaroid:#e8e6de;--fold-shadow:#0000008c;--envelope:#3b3732;--envelope-inside:#2c2925;--envelope-flap:#46413a;--envelope-flap-back:#34302b;--seal:#a83a35;--seal-shadow:#7d2a26;--ribbon:#a83a35;--ribbon-dark:#8d302c;--roll:linear-gradient(180deg, #1d1f24 0%, #2d3038 22%, #383b44 38%, #2b2e35 60%, #1f2126 85%, #18191d 100%);--roll-end:radial-gradient(ellipse at 50% 50%, #15161a 0 2px, #2d3038 3px 5px, #1c1d22 6px 7px, #33363e 8px);--calendar-paper:#2a2c33;--calendar-top:#8f3a37}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--desk);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:Neucha,Comic Sans MS,cursive}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px dashed var(--pencil);outline-offset:3px}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.desk{flex:1;padding:26px 14px 24px;position:relative}.desk--calendar{padding-top:104px}.tabs{padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--desk);justify-content:center;gap:46px;display:flex;position:sticky;bottom:0}.tabs--three{gap:26px}.tabs--four{gap:18px}.tabs--four .tabs__tab{min-width:44px;font-size:17px}.tabs__tab{min-width:64px;min-height:44px;color:var(--pencil);font-size:20px}.tabs__tab--on{color:var(--ink);text-underline-offset:6px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.3px}.preview-tape{z-index:5;background:var(--masking);width:max-content;max-width:92%;color:var(--pencil);margin:8px auto 0;padding:6px 16px;font-size:16px;position:sticky;top:0;transform:rotate(-1deg);box-shadow:0 1px 3px #00000026}.pencil{color:var(--pencil);text-align:center;margin-top:30vh;font-size:18px}.pencil-button{min-height:44px;color:var(--pencil);text-underline-offset:4px;margin-top:10px;font-size:19px;text-decoration:underline}:root{--paper-image:linear-gradient(180deg, transparent 49.4%, var(--crease-dark) 50%, var(--crease-light) 50.6%, transparent 51.6%), linear-gradient(90deg, transparent 49.4%, var(--crease-dark) 50%, var(--crease-light) 50.5%, transparent 51.4%), linear-gradient(90deg, transparent calc(100% - 30px), var(--margin) calc(100% - 30px), var(--margin) calc(100% - 29px), transparent calc(100% - 29px)), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);--paper-size:100% 100%, 100% 100%, 100% 100%, 14px 14px, 14px 14px}.note-wrap{max-width:460px;filter:drop-shadow(0 10px 9px var(--shadow));transform-origin:50% 30%;margin:0 auto;position:relative;transform:rotate(-1.4deg)}.scotch{z-index:3;background:var(--tape);width:86px;height:25px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(4deg);box-shadow:0 1px 2px #00000014}.note{--torn:0 7px, 4% 2px, 8% 6px, 12% 1px, 16% 5px, 20% 3px, 24% 7px, 28% 2px, 32% 5px, 36% 1px, 40% 6px, 44% 3px, 48% 7px, 52% 2px, 56% 5px, 60% 1px, 64% 6px, 68% 3px, 72% 7px, 76% 2px, 80% 5px, 84% 1px, 88% 6px, 92% 3px, 96% 6px, 100% 2px;background-color:var(--paper);background-image:var(--paper-image);background-size:var(--paper-size);clip-path:polygon(var(--torn), 100% 100%, 0 100%);padding:32px 40px 20px 18px;position:relative}.note--eared{clip-path:polygon(var(--torn), 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%)}.ear{background:linear-gradient(to bottom right, var(--back) 0, var(--back) 34%, #0003 50%);clip-path:polygon(0 0,100% 0,0 100%);width:40px;height:40px;position:absolute;bottom:0;right:0}.note__row{justify-content:space-between;align-items:center;min-height:22px;margin-bottom:14px;font-size:16px;display:flex}.note__date{color:var(--pencil)}.counter{color:var(--pencil);padding:4px 2px;position:relative}.counter svg{position:absolute;top:-8px;left:-10px;overflow:visible}.counter path{fill:none;stroke:var(--pencil);stroke-width:1.3px;stroke-linecap:round}.note__text{white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 0 .4px;margin:0;font-size:18.5px;line-height:28px;position:relative}.note__actions{align-items:center;min-height:48px;margin-top:10px;display:flex}.note__hint{color:var(--pencil);margin:6px 0 0;font-size:16px}.next{min-height:44px;color:var(--pencil);margin-left:auto;margin-right:36px;font-size:18px}.voice{text-align:left;text-underline-offset:5px;min-height:44px;margin-top:4px;font-size:18.5px;line-height:28px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1px;display:block}.voice small{color:var(--pencil);margin-left:6px;font-size:15px;text-decoration:none;display:inline-block}.heart{align-items:center;gap:6px;min-height:48px;display:flex}.heart path{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.heart__line{stroke-width:2.3px}.heart__line--echo{stroke-width:1.2px;opacity:.5}.heart__scribble{stroke-width:5.5px;stroke-dasharray:440;stroke-dashoffset:440px;opacity:.9;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.3,1)}.heart--melted .heart__scribble{stroke-dashoffset:0}.heart__label{font-size:23px}.heart:disabled:not(.heart--melted){opacity:.45}.polaroid{background:var(--polaroid);width:min(220px,75%);margin:0 auto 16px;padding:6px 6px 18px;position:relative;transform:rotate(2.2deg);box-shadow:0 2px 5px #0003}.polaroid__tape{background:var(--tape);width:50px;height:16px;position:absolute;top:-7px;left:-14px;transform:rotate(-30deg)}.polaroid__img{object-fit:contain;background:var(--grid);width:100%;height:auto;max-height:320px;display:block}.polaroid__img--loading{aspect-ratio:4/3;animation:1.6s ease-in-out infinite alternate develop}@keyframes develop{0%{opacity:.45}to{opacity:.9}}.note-wrap--arrive{animation:1.5s cubic-bezier(.3,.7,.3,1) both unfold}.note-wrap--leave{animation:.42s cubic-bezier(.5,0,.75,0) forwards leave}@keyframes unfold{0%{opacity:0;transform:translateY(70px)rotate(9deg)scale(.3)}30%{opacity:1;transform:translateY(0)rotate(-1.4deg)scaleX(.5)scaleY(.5)}62%{transform:rotate(-1.4deg)scaleX(1)scaleY(.5)}to{transform:rotate(-1.4deg)scale(1)}}@keyframes leave{to{opacity:0;transform:translate(-130%)rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.note-wrap--arrive,.note-wrap--leave,.polaroid__img--loading{animation:none}.heart__scribble{transition:none}}.archive{max-width:460px;margin:0 auto}.archive__head{color:var(--pencil);margin:0 4px 14px;font-size:16px}.slips{filter:drop-shadow(0 3px 3px var(--shadow))}.slip{text-align:left;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);clip-path:polygon(0 3px,6% 0,12% 3px,18% 1px,24% 4px,30% 1px,36% 3px,42% 0,48% 3px,54% 1px,60% 4px,66% 1px,72% 3px,78% 0,84% 3px,90% 1px,96% 3px,100% 1px,100% 100%,0 100%);background-size:14px 14px;align-items:center;gap:10px;width:100%;min-height:44px;margin-bottom:10px;padding:12px 12px 10px;display:flex}.slip:nth-child(odd){transform:rotate(-.7deg)}.slip:nth-child(2n){transform:rotate(.6deg)translate(4px)}.slip__date{color:var(--pencil);flex:0 0 56px;font-size:14px}.slip__number{color:var(--pencil);flex:none;font-size:14px}.slip__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;overflow:hidden}.slip__note{color:var(--pencil);flex:none;font-size:13px}.slip__marks{flex:none;align-items:center;gap:5px;font-size:15px;display:flex}.mark{width:17px;height:16px;overflow:visible}.mark path{fill:none;stroke:var(--ink);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.mark--clip path{stroke-width:1.6px}.mark--filled path{fill:var(--ink)}.unfold{max-width:460px;margin:0 auto;position:relative}.unfold__ghost{visibility:hidden}.unfold__play{perspective:900px;position:absolute;inset:0}.uf-stage{transform-style:preserve-3d;transform-origin:50% 30%;position:absolute;inset:0;transform:rotate(-1.4deg)}.uf-paper{transform-style:preserve-3d;position:absolute;inset:0}.uf-half{width:100%;height:50%;transform-style:preserve-3d;position:absolute;left:0}.uf-half--top{top:0}.uf-half--bottom{transform-origin:50% 0;top:50%}.uf-panel{width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0}.uf-panel--l{left:0}.uf-panel--r{transform-origin:0;left:50%}.uf-piece,.uf-back{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.uf-sheet{width:var(--W);position:absolute}.uf-piece:after{content:"";pointer-events:none;opacity:0;position:absolute;inset:0}.uf-panel--r>.uf-piece:after{background:linear-gradient(90deg, var(--fold-shadow), transparent 70%)}.uf-half--bottom .uf-piece:after{background:linear-gradient(180deg, var(--fold-shadow), transparent 70%)}.uf-back{background-color:var(--back);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:14px 14px}.uf-back:before{content:"";background:var(--back);opacity:.7;position:absolute;inset:0}.uf-back>*{position:relative}.uf-back--y{transform:rotateY(180deg)}.uf-back--x{transform:rotateX(180deg)}.uf-for{color:var(--pencil);font-size:20px;position:absolute;top:40%;left:22%}.uf-shade{box-shadow:0 12px 18px var(--shadow);opacity:0;position:absolute;inset:6px 4px -6px}.uf-tape{z-index:5;background:var(--tape);opacity:0;width:86px;height:25px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(4deg);box-shadow:0 1px 2px #00000014}.uf-hint{text-align:center;color:var(--pencil);margin:0;font-size:19px;position:absolute;left:0;right:0}@keyframes uf-tape-on{0%{opacity:0;transform:translate(-50%)rotate(4deg)scale(1.35)}to{opacity:1;transform:translate(-50%)rotate(4deg)scale(1)}}@keyframes uf-fade-in{to{opacity:1}}@keyframes uf-fade-out{to{opacity:0}}@keyframes uf-crease{0%{opacity:.9}to{opacity:0}}@keyframes uf-unfold-half{0%{transform:rotateX(180deg)translateZ(-1px)}to{transform:rotateX(0)translateZ(0)}}.uf-fold4 .uf-paper{animation:1.9s cubic-bezier(.4,.1,.25,1) both uf-fold4-paper}.uf-fold4 .uf-half--top .uf-panel--r{animation:.62s cubic-bezier(.45,.05,.3,1) .58s both uf-fold4-top}.uf-fold4 .uf-half--bottom .uf-panel--r{animation:.62s cubic-bezier(.45,.05,.3,1) .58s both uf-fold4-bottom-r}.uf-fold4 .uf-panel--r>.uf-piece:after{animation:.62s .58s both uf-crease}.uf-fold4 .uf-half--bottom{animation:.7s cubic-bezier(.45,.05,.3,1) 1.2s both uf-fold4-half}.uf-fold4 .uf-half--bottom .uf-piece:after{animation:.7s 1.2s both uf-crease}.uf-fold4 .uf-tape{animation:.3s ease-out 1.92s both uf-tape-on}.uf-fold4 .uf-shade{animation:.5s 1.6s both uf-fade-in}@keyframes uf-fold4-paper{0%{transform:translate(calc(var(--W) / 4), -110vh) rotate(16deg)}24%,30%{transform:translate(calc(var(--W) / 4), calc(var(--H) / 4)) rotate(-3deg)}62%{transform:translate(0, calc(var(--H) / 4)) rotate(-1deg)}to{transform:translate(0)rotate(0)}}@keyframes uf-fold4-top{0%{transform:rotateY(-180deg)translateZ(-4px)}to{transform:rotateY(0)translateZ(0)}}@keyframes uf-fold4-bottom-r{0%{transform:rotateY(180deg)translateZ(1px)}to{transform:rotateY(0)translateZ(0)}}@keyframes uf-fold4-half{0%{transform:rotateX(180deg)translateZ(-2px)}to{transform:rotateX(0)translateZ(0)}}.uf-envelope__letter{transform-style:preserve-3d;visibility:hidden;position:absolute;inset:0}.uf-envelope__letter .uf-half--bottom{transform:rotateX(180deg)translateZ(-1px)}.uf-envelope--out .uf-envelope__letter,.uf-envelope--unfold .uf-envelope__letter{visibility:visible;animation:.45s cubic-bezier(.3,.7,.3,1) both uf-envelope-letter}.uf-envelope--unfold .uf-envelope__letter .uf-half--bottom{animation:.7s cubic-bezier(.45,.05,.3,1) both uf-unfold-half}.uf-envelope--unfold .uf-envelope__letter .uf-half--bottom .uf-piece:after{animation:.7s both uf-crease}.uf-envelope--unfold .uf-tape{animation:.3s ease-out .7s both uf-tape-on}.uf-envelope--unfold .uf-shade{animation:.5s .4s both uf-fade-in}.uf-envelope__body{width:calc(var(--W) + 12px);aspect-ratio:264/172;transition:transform .55s cubic-bezier(.5,0,.75,0),opacity .45s;position:absolute;top:36px;left:-6px}.uf-envelope__inside{background:var(--envelope-inside);border-radius:3px;position:absolute;inset:0}.uf-envelope__slip{z-index:1;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:14px 14px;height:80%;transition:transform .7s cubic-bezier(.3,.7,.3,1),opacity .25s;position:absolute;top:6%;left:4%;right:4%}.uf-envelope__front{z-index:2;background:var(--envelope);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);border-radius:3px;position:absolute;inset:0}.uf-envelope__label{z-index:3;text-align:center;color:var(--pencil);font-size:22px;position:absolute;bottom:12%;left:0;right:0}.uf-envelope__flap{z-index:4;transform-origin:50% 0;width:100%;height:58%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.45,.05,.3,1);position:absolute;top:0;left:0}.uf-envelope__flap i{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;position:absolute;inset:0}.uf-envelope__flap i:first-child{background:var(--envelope-flap)}.uf-envelope__flap i:last-child{background:var(--envelope-flap-back);transform:rotateX(180deg)}.uf-envelope__seal{z-index:5;background:var(--seal);color:#fff3ec;width:52px;height:52px;box-shadow:0 2px 0 var(--seal-shadow), 0 4px 10px #781e1459;border-radius:50%;margin:-26px 0 0 -26px;font-size:26px;line-height:52px;transition:transform .25s,opacity .25s;position:absolute;top:45%;left:50%}.uf-envelope__hint{top:calc(36px + (var(--W) + 12px) * .65 + 24px)}.uf-envelope:not(.uf-envelope--sealed) .uf-envelope__seal{opacity:0;transform:scale(0)}.uf-envelope:not(.uf-envelope--sealed) .uf-envelope__flap{z-index:0;transform:rotateX(180deg)}.uf-envelope:not(.uf-envelope--sealed) .uf-envelope__slip{transform:translateY(-55%)}.uf-envelope--out .uf-envelope__body,.uf-envelope--unfold .uf-envelope__body{opacity:0;transform:translateY(110vh)rotate(6deg)}.uf-envelope--out .uf-envelope__slip,.uf-envelope--unfold .uf-envelope__slip{opacity:0}@keyframes uf-envelope-letter{0%{transform:translateY(calc(var(--H) * .25)) scale(.9)}to{transform:none}}.uf-pull .uf-half--bottom{cursor:grab;touch-action:none;display:block}.uf-pull__wiggle{animation:2.6s ease-in-out infinite uf-pull-wiggle}.uf-pull__back{color:var(--pencil);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:24px;display:flex;position:absolute;inset:0}.uf-pull__back small{font-size:17px}.uf-pull--open .uf-tape{animation:.3s ease-out .4s both uf-tape-on}.uf-pull--open .uf-shade{animation:.5s both uf-fade-in}@keyframes uf-pull-wiggle{0%,62%,to{transform:rotateX(180deg)translateZ(-1px)}72%{transform:rotateX(158deg)translateZ(-1px)}82%{transform:rotateX(176deg)translateZ(-1px)}88%{transform:rotateX(166deg)translateZ(-1px)}}.uf-plane__trail{width:100%;height:100%;animation:.8s 2.1s forwards uf-fade-out;position:absolute;inset:0;overflow:visible}.uf-plane__reveal{fill:none;stroke:#fff;stroke-width:8px;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:1.5s cubic-bezier(.35,.1,.3,1) forwards uf-draw}.uf-plane__dots{fill:none;stroke:var(--pencil);stroke-width:1.6px;stroke-dasharray:2 7;stroke-linecap:round}.uf-plane__plane{z-index:4;offset-rotate:auto;offset-anchor:50% 50%;offset-distance:0%;width:64px;height:40px;animation:1.5s cubic-bezier(.35,.1,.3,1) forwards uf-fly,.25s ease-in 1.5s forwards uf-plane-land;position:absolute;top:0;left:0}.uf-plane__wing{fill:var(--paper);stroke:var(--pencil);stroke-width:1.2px;stroke-linejoin:round}.uf-plane__wing--under{fill:var(--back)}.uf-plane__fold{stroke:var(--pencil);stroke-width:1.2px}.uf-plane__letter{transform-style:preserve-3d;transform-origin:50% 25%;animation:.5s cubic-bezier(.3,1.5,.5,1) 1.55s forwards uf-plane-pop;position:absolute;inset:0;transform:scale(0)}.uf-plane__letter .uf-half--bottom{animation:.7s cubic-bezier(.45,.05,.3,1) 2.15s both uf-unfold-half;transform:rotateX(180deg)translateZ(-1px)}.uf-plane__letter .uf-half--bottom .uf-piece:after{animation:.7s 2.15s both uf-crease}.uf-plane .uf-tape{animation:.3s ease-out 2.85s both uf-tape-on}.uf-plane .uf-shade{animation:.5s 2.5s both uf-fade-in}@keyframes uf-fly{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes uf-plane-land{to{opacity:0;transform:scale(.3)rotate(-30deg)}}@keyframes uf-draw{to{stroke-dashoffset:0}}@keyframes uf-plane-pop{0%{transform:scale(.15)rotate(-14deg)}to{transform:scale(1)rotate(0)}}.uf-scroll__sheet{clip-path:inset(0 0 100%);transition:clip-path 1s cubic-bezier(.3,.6,.3,1);position:absolute;inset:0}.uf-scroll__roll{z-index:3;background:var(--roll);height:48px;box-shadow:0 7px 10px var(--shadow);border-radius:24px;transition:top 1s cubic-bezier(.3,.6,.3,1),height 1s cubic-bezier(.3,.6,.3,1),opacity .35s 1s;position:absolute;top:-14px;left:-7px;right:-7px}.uf-scroll__roll:before,.uf-scroll__roll:after{content:"";background:var(--roll-end);border-radius:50%;width:16px;height:100%;position:absolute;top:0}.uf-scroll__roll:before{left:-3px}.uf-scroll__roll:after{right:-3px}.uf-scroll__thread{z-index:4;background:var(--ribbon);width:5px;height:48px;margin-left:-2.5px;transition:opacity .25s .2s;position:absolute;top:-14px;left:50%}.uf-scroll__bow{z-index:6;width:70px;height:62px;margin-left:-35px;position:absolute;top:-30px;left:50%}.uf-scroll__bow svg{width:100%;height:100%;overflow:visible}.uf-scroll__bow g{transform-box:fill-box;transition:transform .45s cubic-bezier(.4,.1,.4,1),opacity .4s}.uf-bow__loop path{fill:var(--ribbon)}.uf-bow__tail path,.uf-bow__knot{fill:var(--ribbon-dark)}.uf-bow__loop--l{transform-origin:100% 60%}.uf-bow__loop--r{transform-origin:0 60%}.uf-bow__tail{transform-origin:50% 0}.uf-scroll:not(.uf-scroll--tied) .uf-bow__loop--l{opacity:0;transform:rotate(-55deg)translate(-10px,-6px)}.uf-scroll:not(.uf-scroll--tied) .uf-bow__loop--r{opacity:0;transform:rotate(55deg)translate(10px,-6px)}.uf-scroll:not(.uf-scroll--tied) .uf-bow__tail--l{opacity:0;transform:translate(-14px,60px)rotate(-40deg)}.uf-scroll:not(.uf-scroll--tied) .uf-bow__tail--r{opacity:0;transform:translate(14px,60px)rotate(40deg)}.uf-scroll:not(.uf-scroll--tied) .uf-bow__knot,.uf-scroll:not(.uf-scroll--tied) .uf-scroll__thread{opacity:0;transition:opacity .2s}.uf-scroll--unroll .uf-scroll__sheet{clip-path:inset(0)}.uf-scroll--unroll .uf-scroll__roll{top:calc(var(--H) - 26px);opacity:0;height:30px}.uf-scroll--unroll .uf-tape{animation:.3s ease-out 1.05s both uf-tape-on}.uf-scroll--unroll .uf-shade{animation:.5s .8s both uf-fade-in}.uf-scroll__hint{top:64px}.uf-accordion__paper{transform-style:preserve-3d;animation:.55s cubic-bezier(.3,.7,.3,1) both uf-accordion-drop;position:absolute;inset:0}.uf-strip{width:100%;height:calc(var(--H) / 4);transform-style:preserve-3d;transform-origin:50% 0;position:absolute;left:0}.uf-strip--1{top:0}.uf-strip--2,.uf-strip--3,.uf-strip--4{top:100%}.uf-strip--2,.uf-strip--4{animation:1.1s cubic-bezier(.45,.05,.3,1) .6s both uf-accordion-mountain}.uf-strip--3{animation:1.1s cubic-bezier(.45,.05,.3,1) .6s both uf-accordion-valley}.uf-strip>.uf-piece:after{background:linear-gradient(180deg, var(--fold-shadow), transparent 65%);animation:1.1s .6s both uf-crease}.uf-accordion .uf-tape{animation:.3s ease-out 1.75s both uf-tape-on}.uf-accordion .uf-shade{animation:.5s 1.4s both uf-fade-in}@keyframes uf-accordion-drop{0%{transform:translateY(-110vh)rotate(10deg)}to{transform:none}}@keyframes uf-accordion-mountain{0%{transform:rotateX(-178deg)}to{transform:rotateX(0)}}@keyframes uf-accordion-valley{0%{transform:rotateX(178deg)}to{transform:rotateX(0)}}.uf-writing{animation:.5s cubic-bezier(.3,.7,.3,1) both uf-writing-drop}.uf-writing__page{position:absolute;inset:0}.uf-cover{background-color:var(--paper);background-image:var(--paper-image);background-size:var(--W) var(--H), var(--W) var(--H), var(--W) var(--H), 14px 14px, 14px 14px;animation-name:uf-cover-block;animation-timing-function:ease-out;animation-fill-mode:both;position:absolute}.uf-cover--line{animation-name:uf-cover-line;animation-timing-function:linear}.uf-writing__end{animation:.3s both uf-writing-done;position:absolute}.uf-pencil{z-index:6;opacity:0;transform-origin:2px 94px;pointer-events:none;width:20px;height:96px;position:absolute;top:0;left:0}.uf-writing .uf-tape{animation:.25s ease-out .45s both uf-tape-on}.uf-writing .uf-shade{animation:.4s .3s both uf-fade-in}@keyframes uf-writing-drop{0%{transform:translateY(-110vh)rotate(3deg)}to{transform:rotate(-1.4deg)}}@keyframes uf-cover-line{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes uf-cover-block{0%{opacity:1}to{opacity:0}}@keyframes uf-writing-done{0%{opacity:0}to{opacity:0}}.secret--still{color:#0000;background:repeating-linear-gradient(-55deg, var(--pencil) 0 1.2px, transparent 1.2px 4px), color-mix(in srgb, var(--pencil) 85%, transparent);border-radius:2px}.scratch{touch-action:none;cursor:crosshair;position:absolute}.calendar{z-index:3;width:76px;filter:drop-shadow(0 4px 4px var(--shadow));pointer-events:none;position:absolute;top:14px;left:18px;transform:rotate(-4deg)}.calendar__rings{background:radial-gradient(circle at 12px 5px, var(--pencil) 0 3px, transparent 3.5px) 0 0 / 18px 9px repeat-x;height:9px;margin:0 6px}.calendar__page{border-top:12px solid var(--calendar-top);background:var(--calendar-paper);color:var(--pencil);flex-direction:column;align-items:center;padding:2px 2px 6px;font-size:13px;line-height:1.05;display:flex}.calendar__num{color:var(--calendar-top);font-size:38px;line-height:40px}.calendar__num--today{font-size:23px}.calendar__torn{transform-origin:50% 0;animation:1.3s cubic-bezier(.5,0,.7,.4) .6s forwards calendar-tear;position:absolute;top:9px;left:0;right:0}@keyframes calendar-tear{25%{transform:rotate(6deg)}to{opacity:0;transform:translate(40px,260px)rotate(70deg)}}@media (prefers-reduced-motion:reduce){.calendar__torn{display:none}}.drawer{max-width:460px;margin:0 auto}.drawer__head{color:var(--pencil);margin:0 4px 14px;font-size:17px}.drawer__grid{grid-template-columns:1fr 1fr;gap:18px 14px;display:grid}.env{height:114px;transition:transform .25s;position:relative}.env:nth-child(odd){transform:rotate(-2.5deg)}.env:nth-child(2n){transform:rotate(2deg)}.env:active{transform:scale(.97)}.env__body{background:var(--envelope);box-shadow:0 6px 10px var(--shadow);border-radius:3px;position:absolute;inset:0}.env__flap{background:var(--envelope-flap-back);clip-path:polygon(0 0,100% 0,50% 100%);width:100%;height:52px;position:absolute;top:0;left:0}.env__seal{background:var(--seal);color:#fff3ec;width:26px;height:26px;box-shadow:0 1px 0 var(--seal-shadow);border-radius:50%;margin-left:-13px;font-size:13px;line-height:26px;position:absolute;top:36px;left:50%}.env__label{color:var(--pencil);flex-direction:column;font-size:15.5px;line-height:1.05;display:flex;position:absolute;bottom:7px;left:4px;right:4px}.env__label small{font-size:13px}.env--opened{opacity:.8}.env--opened .env__flap{clip-path:polygon(0 0,100% 0,50% 42%)}