:root{--paper: #fbf7ef;--card: #ffffff;--ink: #232220;--ink-soft: #56524c;--muted: #9a948a;--line: #232220;--accent: #2b6cff;--accent-ink: #ffffff;--coral: #ff5a4d;--green: #36b37e;--yellow: #f6c945;--violet: #8b5cf6;--teal: #16c2d5;--f-hand: "Caveat", "Comic Sans MS", cursive;--f-body: "Nunito", system-ui, -apple-system, sans-serif;--sketch: 255px 12px 225px 14px / 14px 225px 12px 255px;--sketch-2: 14px 230px 16px 240px / 230px 16px 240px 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(35,34,32,.05) 1px,transparent 1px);background-size:22px 22px}button{font-family:var(--f-body);cursor:pointer}input{font-family:var(--f-body)}.wordmark{font-family:var(--f-hand);font-weight:700;letter-spacing:-.5px;line-height:.9;color:var(--ink)}.wordmark .dot{color:var(--accent)}.sketch-card{background:var(--card);border:2.5px solid var(--line);border-radius:var(--sketch);box-shadow:4px 5px #232220e6}.btn{font-weight:800;font-size:17px;color:var(--ink);background:var(--card);border:2.5px solid var(--line);border-radius:var(--sketch);padding:14px 22px;box-shadow:3px 4px #232220e6;transition:transform .06s ease,box-shadow .06s ease}.btn:hover{transform:translate(-1px,-1px) rotate(-.4deg);box-shadow:4px 5px #232220e6}.btn:active{transform:translate(2px,3px);box-shadow:1px 1px #232220e6}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:3px 4px #23222066}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--line)}.btn-coral{background:var(--coral);color:#fff}.btn-lg{font-size:20px;padding:16px 28px}.btn-block{width:100%}.sketch-input{width:100%;font-size:22px;font-weight:800;color:var(--ink);background:var(--card);border:2.5px solid var(--line);border-radius:var(--sketch-2);padding:14px 18px;outline:none;box-shadow:3px 4px #232220e6}.sketch-input::placeholder{color:var(--muted);font-weight:700}.sketch-input:focus{border-color:var(--accent)}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px;gap:18px;text-align:center}.stack{display:flex;flex-direction:column;gap:14px}.muted{color:var(--muted);font-weight:700}@keyframes pop-in{0%{transform:scale(.9) rotate(-1deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.pop{animation:pop-in .25s ease-out both}@keyframes blob1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(90px,60px) scale(1.18)}}@keyframes blob2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(-80px,40px) scale(.9)}}@keyframes blob3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,-70px) scale(1.2)}}@keyframes blob4{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-70px,-50px) scale(1.15)}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-9px) rotate(var(--r,0deg))}}.rbtn{transition:transform .06s ease}.rbtn:hover{transform:translate(-1px,-1px) rotate(-.4deg)}.rbtn:active{transform:translate(2px,3px)}.bare-input{width:100%;border:none;outline:none;background:transparent;font-family:var(--f-body);font-weight:800;font-size:22px;color:var(--ink);padding:14px 18px}.bare-input::placeholder{color:var(--muted);font-weight:700}@keyframes pc-sway{0%,to{transform:rotate(27deg)}50%{transform:rotate(33deg)}}@keyframes pc-spark{0%{transform:translate(-50%,-50%) scale(.4);opacity:.9}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0);opacity:0}}@keyframes pc-pop{0%{transform:translate(-50%,8px) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes mf-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rv-flash{0%{opacity:0}18%{opacity:.45}to{opacity:0}}@keyframes rv-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}60%{transform:translate(3px)}}@keyframes rv-stamp{0%{transform:scale(1.5) rotate(var(--rot,-4deg));opacity:0}50%{opacity:1}72%{transform:scale(.9) rotate(var(--rot,-4deg))}to{transform:scale(1) rotate(var(--rot,-4deg));opacity:1}}@keyframes rv-pop{0%{transform:translateY(16px) scale(.82);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes rv-conf{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--cx),var(--cy)) rotate(var(--cr));opacity:0}}@keyframes rv-poof{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes rv-pancake{0%{transform:rotateX(0)}8%{transform:rotateX(14deg)}14%{transform:rotateX(9deg)}55%{transform:rotateX(120deg)}64%{transform:rotateX(110deg)}86%{transform:rotateX(186deg)}93%{transform:rotateX(176deg)}to{transform:rotateX(180deg)}}@keyframes rv-creak{0%{transform:rotateX(0)}5%{transform:rotateX(12deg)}9%{transform:rotateX(9deg)}24%{transform:rotateX(52deg)}28%{transform:rotateX(48deg)}46%{transform:rotateX(90deg)}50%{transform:rotateX(87deg)}68%{transform:rotateX(131deg)}72%{transform:rotateX(127deg)}88%{transform:rotateX(172deg)}93%{transform:rotateX(169deg)}to{transform:rotateX(180deg)}}input[type=range].pc-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:12px;border-radius:999px;background:#efe7d6;border:2.5px solid #232220;outline:none;cursor:pointer}input[type=range].pc-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:#2b6cff;border:2.5px solid #232220;box-shadow:2px 2px #232220;cursor:pointer}input[type=range].pc-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#2b6cff;border:2.5px solid #232220;box-shadow:2px 2px #232220;cursor:pointer}