@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a2340;-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Caveat,cursive}body{background:#dedad3}.paper{background-color:#fafaf7;background-image:linear-gradient(90deg,#c5dff0 1px,#0000 1px),linear-gradient(#c5dff0 1px,#0000 1px);background-size:14px 14px;width:70%;min-width:640px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 0 1px #0000000a,0 4px 32px #0000002e,0 1px 8px #00000014}.paper:before{content:"";z-index:10000;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.paper:after{content:"";z-index:5;pointer-events:none;background:#e05555;width:1.5px;position:absolute;top:0;bottom:0;right:80px}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus{outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #3d9be0}html{overflow-x:auto}