:root{--dusty-rose:#f4a7b9;--warm-cream:#fdf6ec;--sage-green:#b8d8c0;--soft-lavender:#d8c8f0;--text-color:#5a4f4f;--bg-pattern:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><text x=\"10\" y=\"30\" font-size=\"16\" opacity=\"0.15\">🐱</text><text x=\"60\" y=\"20\" font-size=\"16\" opacity=\"0.15\">☕</text><text x=\"30\" y=\"80\" font-size=\"16\" opacity=\"0.15\">🍵</text><text x=\"80\" y=\"70\" font-size=\"16\" opacity=\"0.15\">🍃</text></svg>")}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--warm-cream);background-image:var(--bg-pattern);background-size:100px 100px;justify-content:center;align-items:center;min-height:100vh;font-family:Lato,sans-serif;display:flex;position:relative;overflow:hidden}h1,h2{color:var(--dusty-rose);margin-bottom:1rem;font-family:Pacifico,cursive;font-weight:400}h1{font-size:2.5rem}h2{font-size:2rem}.decor-icon{opacity:.8;pointer-events:none;z-index:0;font-size:2rem;position:absolute}#app{z-index:10;justify-content:center;align-items:center;width:100%;max-width:600px;padding:1rem;display:flex}.card{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffd9;border-radius:24px;width:100%;padding:2.5rem 2rem;transition:opacity .4s ease-out;box-shadow:0 10px 30px #0000000d}.hidden{opacity:0;pointer-events:none;display:none}.cat-illustration{justify-content:center;margin-bottom:1rem;font-size:4rem;display:flex}.sub-question{margin-bottom:2rem;font-size:1.2rem;line-height:1.5}.buttons{justify-content:center;gap:1rem;min-height:60px;display:flex;position:relative}.btn{cursor:pointer;border:none;border-radius:50px;padding:.8rem 1.5rem;font-family:Lato,sans-serif;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s}.btn:active{transform:scale(.95)}.btn-yes{background-color:var(--dusty-rose);color:#fff;box-shadow:0 4px 15px #f4a7b966}.btn-yes:hover{background-color:#f089a2;box-shadow:0 6px 20px #f4a7b999}.btn-no{color:#555;background-color:#e0e0e0}@keyframes wobble{0%{transform:translate(0)rotate(0)}15%{transform:translate(-5px)rotate(-5deg)}30%{transform:translate(5px)rotate(5deg)}45%{transform:translate(-5px)rotate(-3deg)}60%{transform:translate(5px)rotate(3deg)}75%{transform:translate(-2px)rotate(-1deg)}to{transform:translate(0)rotate(0)}}.wobble{animation:.5s ease-in-out wobble}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shake{animation:.6s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.float-emoji{margin:0 10px;font-size:3rem;animation:3s ease-in-out infinite float;display:inline-block}.bounce-emoji{margin:0 10px;font-size:3rem;animation:2s infinite bounce;display:inline-block}.celebration-emojis{margin-bottom:2rem}.paw-print{pointer-events:none;z-index:100;opacity:.7;font-size:1.5rem;position:fixed;transform:translate(-50%,-50%)}#login-form{flex-direction:column;align-items:center;gap:1rem;display:flex}#password-input{border:2px solid var(--sage-green);text-align:center;background-color:#ffffffe6;border-radius:50px;outline:none;width:100%;max-width:300px;padding:.8rem 1rem;font-family:Lato,sans-serif;font-size:1rem}#password-input:focus{border-color:var(--dusty-rose)}.error{color:#e74c3c;margin-top:1rem;font-size:.9rem}@media (width<=480px){h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:2rem 1.5rem}.buttons{flex-direction:column}.btn{width:100%}}