@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}: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}*,: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}.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:28px}.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}.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: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);clip-path:polygon(var(--torn), 100% 100%, 0 100%);background-size:100% 100%,100% 100%,100% 100%,14px 14px,14px 14px;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}.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__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)}