:root{--notebook-bg: #fdfaf6;--line-color: #d1d8e0;--margin-color: #ff9ff3;--primary-red: #ff4d4d;--primary-blue: #7efff5;--primary-blue-dark: #4b7bec;--neon-pink: #ff3838;--dark-ink: #2f3542;--golden: #feca57;--card-bg: rgba(255, 255, 255, .9)}body{margin:0;font-family:Patrick Hand,cursive;background-color:var(--notebook-bg);background-image:linear-gradient(90deg,transparent 79px,var(--margin-color) 79px,var(--margin-color) 81px,transparent 81px),linear-gradient(var(--notebook-bg) .9em,var(--line-color) .9em,var(--line-color) 1em,var(--notebook-bg) 1em);background-size:100% 100%,100% 2em;color:var(--dark-ink);overflow-x:hidden}*{box-sizing:border-box}.font-marker{font-family:Permanent Marker,cursive}.font-caveat{font-family:Caveat,cursive}.font-hand{font-family:Patrick Hand,cursive}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-2{gap:.5rem}.w-full{width:100%}.neon-text{color:#ff2a75;font-size:3.5rem;letter-spacing:2px;margin:2rem 0 1rem;transform:rotate(-3deg);text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #ff2a75,0 0 40px #ff2a75,0 0 80px #ff2a75}.app-container{max-width:600px;margin:0 auto;min-height:100vh;padding:2rem 1rem 2rem 100px;position:relative;display:flex;flex-direction:column}@media (max-width: 600px){.app-container{padding-left:90px;padding-right:15px}.neon-text{font-size:2.8rem}}.hand-drawn-btn{background:transparent;border:2px solid var(--dark-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.8rem 2.5rem;font-family:Permanent Marker,cursive;font-size:1.5rem;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden;box-shadow:4px 5px #00000026;display:inline-flex;align-items:center;justify-content:center;width:250px;max-width:100%}.hand-drawn-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:6px 7px #00000026}.hand-drawn-btn:active{transform:translateY(2px);box-shadow:2px 2px #00000026}.btn-red{background:linear-gradient(180deg,#ff6b6b,var(--primary-red));color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);border-color:#c0392b}.btn-blue{background:linear-gradient(180deg,#a4b0be,var(--primary-blue-dark));color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);border-color:#2c3e50}.btn-outline{background:transparent;border:2px solid var(--golden);color:var(--dark-ink);font-family:Caveat,cursive;font-size:1.3rem;font-weight:700}.hand-drawn-panel{background:var(--card-bg);border:2px solid #576574;border-radius:8px 12px 20px 8px/12px 8px 12px 20px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:3px 3px #0000001a;position:relative}@keyframes float{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(0) rotate(-2deg)}}.floating{animation:float 5s ease-in-out infinite}.ink-jar{width:120px;height:160px;border:3px solid #8395a7;border-radius:10px 10px 40px 40px;position:relative;margin:2rem auto;background:linear-gradient(180deg,#ffffff80 70%,#87ceeb66 70%);box-shadow:inset -5px -5px 15px #0000001a}.ink-jar:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:20px;border:3px solid #8395a7;border-bottom:none;border-radius:5px 5px 0 0}.scribble{position:absolute;opacity:.7;pointer-events:none}