*{margin:0;padding:0;box-sizing:border-box}:root{--pink: #ff4f8b;--deep-pink: #d6336c;--gold: #ffd700;--dark: #1a0a1e;--soft-pink: #fff0f5;--purple: #4a1942}body{font-family:Fredoka,sans-serif;background:var(--dark);color:#fff;min-height:100vh;overflow:hidden;position:relative}.hearts-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.hearts-bg .heart{position:absolute;font-size:20px;opacity:.15;animation:floatHeart linear infinite}@keyframes floatHeart{0%{transform:translateY(110vh) rotate(0)}to{transform:translateY(-10vh) rotate(360deg)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:1;opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.screen.active{opacity:1;transform:scale(1);pointer-events:all}.intro-spotlight{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,139,.15) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.show-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,5vw,3.5rem);text-align:center;background:linear-gradient(135deg,var(--gold),#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;animation:shimmer 3s ease-in-out infinite;text-shadow:none}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.show-subtitle{font-family:Caveat,cursive;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--pink);margin-bottom:30px;opacity:0;animation:fadeUp .8s ease 1s forwards}.cat-host{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--gold);box-shadow:0 0 40px #ffd7004d,0 0 80px #ff4f8b33;margin-bottom:20px;animation:bobFloat 3s ease-in-out infinite}@keyframes bobFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.host-label{font-size:.9rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:30px}.start-btn{font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;padding:16px 48px;border:none;border-radius:50px;background:linear-gradient(135deg,var(--pink),var(--deep-pink));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ff4f8b66;opacity:0;animation:fadeUp .8s ease 1.5s forwards}.start-btn:hover{transform:scale(1.08);box-shadow:0 6px 30px #ff4f8b99}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.round-label{font-size:.85rem;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:12px}.question-text{font-family:Playfair Display,serif;font-size:clamp(1.4rem,4vw,2.2rem);text-align:center;margin-bottom:30px;max-width:600px;line-height:1.3}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:500px;width:100%}.answer-btn{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;padding:18px 20px;border:2px solid rgba(255,255,255,.15);border-radius:16px;background:#ffffff0d;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.answer-btn:hover{background:#ff4f8b33;border-color:var(--pink);transform:translateY(-3px);box-shadow:0 8px 25px #ff4f8b4d}.answer-btn.correct{background:linear-gradient(135deg,var(--pink),var(--deep-pink))!important;border-color:var(--pink)!important;transform:scale(1.05);box-shadow:0 0 30px #ff4f8b80}.answer-btn.wrong{background:#ff3c3c40!important;border-color:#ff3c3c!important;animation:shake .5s ease;opacity:.7}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.cat-commentary{display:flex;align-items:center;gap:16px;margin-top:24px;background:#ffffff0d;border-radius:20px;padding:16px 24px;max-width:500px;border:1px solid rgba(255,215,0,.2);opacity:0;transform:translateY(10px);transition:all .5s ease}.cat-commentary.show{opacity:1;transform:translateY(0)}.cat-commentary img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex-shrink:0}.cat-commentary p{font-size:.95rem;color:#ddd;font-style:italic}.cat-commentary .cat-name{font-weight:700;color:var(--gold);font-style:normal}.runaway-no{transition:none!important;position:relative}.phone-container{text-align:center;max-width:400px}.phone-ringing{font-size:1.2rem;color:var(--gold);animation:blink .5s ease infinite alternate}@keyframes blink{0%{opacity:.4}to{opacity:1}}.phone-cat{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--gold);margin:20px auto;display:block;box-shadow:0 0 40px #ffd7004d}.phone-response{font-family:Caveat,cursive;font-size:1.6rem;color:var(--pink);margin:16px 0;opacity:0;transition:opacity .5s ease}.phone-response.show{opacity:1}.final-question{font-family:Playfair Display,serif;font-size:clamp(1.6rem,5vw,3rem);text-align:center;background:linear-gradient(135deg,var(--pink),#ff8fab,var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;line-height:1.3}.final-name{font-family:Caveat,cursive;font-size:clamp(2rem,6vw,4rem);display:block;margin-top:8px;background:linear-gradient(135deg,var(--gold),#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.yes-btn{font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;padding:20px 64px;border:none;border-radius:50px;background:linear-gradient(135deg,var(--pink),#ff6b9d,var(--deep-pink));color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 30px #ff4f8b80;animation:pulseBtn 2s ease-in-out infinite}@keyframes pulseBtn{0%,to{box-shadow:0 4px 30px #ff4f8b80}50%{box-shadow:0 4px 50px #ff4f8bcc}}.yes-btn:hover{transform:scale(1.1)}.celebration-msg{font-family:Caveat,cursive;font-size:clamp(1.6rem,5vw,2.8rem);text-align:center;color:var(--soft-pink);line-height:1.5;max-width:550px}.celebration-msg .big{font-family:Playfair Display,serif;font-size:clamp(2rem,6vw,3.5rem);display:block;margin:16px 0;background:linear-gradient(135deg,var(--gold),#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.celebration-cat{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--gold);margin:24px 0;box-shadow:0 0 50px #ff4f8b66}.celebration-hearts{font-size:2.5rem;margin-bottom:16px}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.continue-btn{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;padding:14px 36px;border:2px solid rgba(255,255,255,.2);border-radius:50px;background:transparent;color:#fff;cursor:pointer;margin-top:20px;transition:all .3s ease}.continue-btn:hover{background:#ffffff1a;border-color:var(--pink)}.score-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#ffffff1a;z-index:50}.score-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--gold));transition:width .8s ease;width:0%}.sound-toggle{position:fixed;top:16px;right:16px;z-index:50;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#fff;transition:all .3s}.sound-toggle:hover{background:#fff3}@media(max-width:500px){.answers-grid{grid-template-columns:1fr}.cat-host{width:150px;height:150px}}