@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-duration:initial}}}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[500px\]{max-height:500px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[80vh\]{min-height:80vh}.w-\[1\.5px\]{width:1.5px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[80px\]{min-width:80px}.flex-1{flex:1}.flex-none{flex:none}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-1{rotate:1deg}.rotate-180{rotate:180deg}.rotate-\[-12deg\]{rotate:-12deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[var\(--accent-coral\)\]{border-color:var(--accent-coral)}.border-\[var\(--accent-mint\)\]{border-color:var(--accent-mint)}.border-\[var\(--text-brown\)\],.border-\[var\(--text-brown\)\]\/10{border-color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--text-brown\)\]\/10{border-color:color-mix(in oklab,var(--text-brown)10%,transparent)}}.border-\[var\(--text-brown\)\]\/20{border-color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--text-brown\)\]\/20{border-color:color-mix(in oklab,var(--text-brown)20%,transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--accent-coral\)\]\/20{background-color:var(--accent-coral)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--accent-coral\)\]\/20{background-color:color-mix(in oklab,var(--accent-coral)20%,transparent)}}.bg-\[var\(--accent-lavender\)\]\/20{background-color:var(--accent-lavender)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--accent-lavender\)\]\/20{background-color:color-mix(in oklab,var(--accent-lavender)20%,transparent)}}.bg-\[var\(--accent-mint\)\],.bg-\[var\(--accent-mint\)\]\/20{background-color:var(--accent-mint)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--accent-mint\)\]\/20{background-color:color-mix(in oklab,var(--accent-mint)20%,transparent)}}.bg-\[var\(--bg-cream\)\],.bg-\[var\(--bg-cream\)\]\/50{background-color:var(--bg-cream)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-cream\)\]\/50{background-color:color-mix(in oklab,var(--bg-cream)50%,transparent)}}.bg-\[var\(--bg-paper\)\],.bg-\[var\(--bg-paper\)\]\/90{background-color:var(--bg-paper)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-paper\)\]\/90{background-color:color-mix(in oklab,var(--bg-paper)90%,transparent)}}.bg-\[var\(--bg-paper\)\]\/95{background-color:var(--bg-paper)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--bg-paper\)\]\/95{background-color:color-mix(in oklab,var(--bg-paper)95%,transparent)}}.bg-\[var\(--text-brown\)\],.bg-\[var\(--text-brown\)\]\/20{background-color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--text-brown\)\]\/20{background-color:color-mix(in oklab,var(--text-brown)20%,transparent)}}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.stroke-\[3\]{stroke-width:3px}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent-coral\)\]{color:var(--accent-coral)}.text-\[var\(--accent-gold\)\]{color:var(--accent-gold)}.text-\[var\(--accent-lavender\)\]{color:var(--accent-lavender)}.text-\[var\(--accent-mint\)\]{color:var(--accent-mint)}.text-\[var\(--bg-cream\)\]{color:var(--bg-cream)}.text-\[var\(--bg-paper\)\]{color:var(--bg-paper)}.text-\[var\(--text-brown\)\],.text-\[var\(--text-brown\)\]\/40{color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--text-brown\)\]\/40{color:color-mix(in oklab,var(--text-brown)40%,transparent)}}.text-\[var\(--text-brown\)\]\/50{color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--text-brown\)\]\/50{color:color-mix(in oklab,var(--text-brown)50%,transparent)}}.text-\[var\(--text-brown\)\]\/60{color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--text-brown\)\]\/60{color:color-mix(in oklab,var(--text-brown)60%,transparent)}}.text-\[var\(--text-brown\)\]\/70{color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--text-brown\)\]\/70{color:color-mix(in oklab,var(--text-brown)70%,transparent)}}.text-\[var\(--text-brown\)\]\/80{color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--text-brown\)\]\/80{color:color-mix(in oklab,var(--text-brown)80%,transparent)}}.text-\[var\(--text-brown\)\]\/90{color:var(--text-brown)}@supports (color:color-mix(in lab,red,red)){.text-\[var\(--text-brown\)\]\/90{color:color-mix(in oklab,var(--text-brown)90%,transparent)}}.text-\[var\(--text-dark\)\]{color:var(--text-dark)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-\[var\(--accent-coral\)\]{text-decoration-color:var(--accent-coral)}.decoration-\[var\(--accent-mint\)\]{text-decoration-color:var(--accent-mint)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:border-\[var\(--accent-coral\)\]:is(:where(.group):hover *){border-color:var(--accent-coral)}.group-hover\:border-\[var\(--accent-mint\)\]:is(:where(.group):hover *){border-color:var(--accent-mint)}.group-hover\:text-\[var\(--accent-coral\)\]:is(:where(.group):hover *){color:var(--accent-coral)}.group-hover\:text-\[var\(--accent-mint\)\]:is(:where(.group):hover *){color:var(--accent-mint)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:rotate-90:hover{rotate:90deg}.hover\:border-\[var\(--text-brown\)\]:hover{border-color:var(--text-brown)}.hover\:bg-\[rgba\(0\,0\,0\,0\.02\)\]:hover{background-color:#00000005}.hover\:bg-\[var\(--accent-mint\)\]\/30:hover{background-color:var(--accent-mint)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--accent-mint\)\]\/30:hover{background-color:color-mix(in oklab,var(--accent-mint)30%,transparent)}}.hover\:text-\[var\(--accent-coral\)\]:hover{color:var(--accent-coral)}.hover\:opacity-80:hover{opacity:.8}}.focus\:border-\[var\(--accent-mint\)\]:focus{border-color:var(--accent-mint)}.focus\:border-\[var\(--text-brown\)\]:focus{border-color:var(--text-brown)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:opacity-50:disabled{opacity:.5}:root{--bg-cream:#fdf6e3;--bg-paper:#faf3e0;--accent-coral:#ff8a80;--accent-mint:#a8e6cf;--accent-lavender:#d4a5ff;--accent-gold:#ffd54f;--text-brown:#5d4e37;--text-dark:#3e3232;--shadow-soft:0 4px 6px -1px #5d4e371a,0 2px 4px -1px #5d4e370f;--font-hand:"Patrick Hand",cursive;--font-display:"Caveat",cursive}body{background-color:var(--bg-cream);color:var(--text-brown);font-family:var(--font-hand);background-image:radial-gradient(var(--text-brown).5px,transparent .5px);background-size:20px 20px;min-height:100vh;margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700}button{font-family:var(--font-hand);cursor:pointer}.paper-card{background-color:var(--bg-paper);box-shadow:var(--shadow-soft);border:1px solid #0000000d;border-radius:12px;position:relative}.hand-border{border:2px solid var(--text-brown);border-radius:255px 15px 225px/15px 225px 15px 255px}.notepad-container{background-color:var(--bg-paper);border:3px dashed var(--accent-coral);flex-direction:column;width:100%;max-width:800px;height:96dvh;margin:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:10px 10px #5d4e371a}@media(max-width:768px){.notepad-container{border:none;border-left:3px dashed var(--accent-coral);border-right:3px dashed var(--accent-coral);height:100dvh;box-shadow:none;border-top:none;border-bottom:none;max-width:100%}}@keyframes bounce-check{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-check{animation:.4s cubic-bezier(.175,.885,.32,1.275) bounce-check}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--text-brown);opacity:.5;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-dark)}.nav-bottom{position:absolute;top:auto;bottom:2rem;left:50%;transform:translate(-50%)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}