:root{--paper: #f4e9d0;--paper2: #fbf4e2;--card: #fffdf6;--ink: #2c2118;--red: #e8553d;--blue: #2f6bb0;--green: #2f7a3a;--yellow: #f2b705;--purple: #8a5cc4;--shadow: rgba(44, 33, 24, .9)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:"Baloo 2",cursive;font-weight:700;color:var(--ink);background:#d9c9a6;overscroll-behavior:none}#root{height:100%}.paper-bg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(120,90,60,.05) 0 1px,transparent 1px 30px),var(--paper)}.rbox{position:relative;background:var(--card)}.rbox:before{content:"";position:absolute;inset:0;border:2.5px solid var(--ink);filter:url(#rough);pointer-events:none;border-radius:3px}.rbox.thick:before{border-width:3.5px}.kbtn{font-family:"Baloo 2",cursive;font-weight:700;cursor:pointer;position:relative;background:var(--red);color:#fff;border:none;padding:13px 30px;font-size:22px;box-shadow:4px 5px 0 var(--shadow);transition:transform .08s ease,box-shadow .08s ease}.kbtn:before{content:"";position:absolute;inset:0;border:2.5px solid var(--ink);filter:url(#rough);pointer-events:none}.kbtn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--shadow)}.kbtn.ghost{background:var(--card);color:var(--ink);box-shadow:3px 4px 0 var(--shadow)}.kbtn:disabled{opacity:.45;cursor:not-allowed}.kfield{position:relative}.kfield input,.kfield textarea{width:100%;font-family:"Baloo 2",cursive;font-weight:700;font-size:19px;color:var(--ink);background:transparent;border:none;outline:none;padding:8px 4px 9px;resize:none}.kfield input::placeholder,.kfield textarea::placeholder{color:#b6a079}.kfield .squig{display:block;width:100%;height:11px;margin-top:-3px}.klabel{font-size:19px;color:var(--red);display:flex;align-items:center;gap:7px;margin-bottom:1px}.klabel .em{font-size:18px}@keyframes wob{0%,to{transform:rotate(var(--r, -3deg))}50%{transform:rotate(calc(var(--r, -3deg) + 4deg))}}.wob{animation:wob 3.6s ease-in-out infinite}@keyframes popin{0%{transform:scale(0) rotate(-14deg);opacity:0}70%{transform:scale(1.08) rotate(2deg)}to{transform:scale(1) rotate(var(--rot, 0deg));opacity:1}}.popin{animation:popin .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-7px) rotate(var(--r, 0deg))}}.floaty{animation:floaty 4s ease-in-out infinite}@keyframes jiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg)}75%{transform:rotate(2.5deg)}}.jiggle:active{animation:jiggle .3s ease}@media(prefers-reduced-motion:reduce){.wob,.floaty{animation:none}}@keyframes sheetup{0%{transform:translateY(102%)}to{transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sheet-in{animation:sheetup .3s cubic-bezier(.2,.8,.3,1) both}.fade-in{animation:fadein .25s ease both}@keyframes fabpop{0%{transform:scale(0) rotate(-90deg)}70%{transform:scale(1.12)}to{transform:scale(1) rotate(0)}}.fab-pop{animation:fabpop .4s cubic-bezier(.34,1.56,.64,1) both}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4ab78 transparent}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:#c4ab78;border-radius:8px}.stage{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,#e7d8b6,#cbb88f 70%)}.phone{width:100%;max-width:430px;height:100%;max-height:920px;position:relative;overflow:hidden;display:flex;flex-direction:column}@media(min-width:460px){.phone{border-radius:30px;box-shadow:0 24px 60px #2c211866,0 0 0 10px #2c2118,0 0 0 12px #443524}}.hand{font-family:Patrick Hand,cursive;font-weight:400}.nowrap-emoji{font-family:"Baloo 2","Apple Color Emoji","Segoe UI Emoji",sans-serif}