@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:"Press Start 2P",monospace;line-height:1.8;color:#fff;background-color:#1a0a2e;image-rendering:pixelated}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}.pixel-boat{display:inline-block;position:relative;width:56px;height:32px;margin:20px auto;animation:bob 2s ease-in-out infinite}.pixel-boat-inner{position:absolute;left:8px;top:0;width:4px;height:4px;background:transparent;box-shadow:16px 0 #8b4513,16px 4px #8b4513,16px 8px #8b4513,16px 12px #8b4513,16px 16px #8b4513,20px 0 #ff2d55,24px 0 #ff2d55,28px 0 #ff2d55,20px 4px #ff6b8a,24px 4px #ff2d55,20px 8px #fff,24px 8px #fff,20px 12px #eee,24px 12px #fff,28px 12px #fff,20px 16px #eee,24px 16px #eee,28px 16px #fff,32px 16px #fff,0 20px #8b4513,4px 20px sienna,8px 20px sienna,12px 20px sienna,16px 20px sienna,20px 20px sienna,24px 20px sienna,28px 20px sienna,32px 20px sienna,36px 20px #8b4513,4px 24px #8b4513,8px 24px #8b4513,12px 24px #8b4513,16px 24px #8b4513,20px 24px #8b4513,24px 24px #8b4513,28px 24px #8b4513,32px 24px #8b4513,-8px 28px #4169e1,-4px 28px #4169e1,0 28px #6495ed,4px 28px #4169e1,8px 28px #4169e1,12px 28px #6495ed,16px 28px #4169e1,20px 28px #4169e1,24px 28px #6495ed,28px 28px #4169e1,32px 28px #4169e1,36px 28px #6495ed,40px 28px #4169e1,44px 28px #4169e1}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pixel-heart{display:inline-block;position:relative;width:28px;height:28px}.pixel-heart-inner{width:4px;height:4px;background:transparent;box-shadow:4px 0 #ff2d55,8px 0 #ff2d55,16px 0 #ff2d55,20px 0 #ff2d55,0 4px #ff2d55,4px 4px #ff6b8a,8px 4px #ff6b8a,12px 4px #ff2d55,16px 4px #ff6b8a,20px 4px #ff2d55,24px 4px #ff2d55,0 8px #ff2d55,4px 8px #ff6b8a,8px 8px #ffb6c1,12px 8px #ff6b8a,16px 8px #ff6b8a,20px 8px #ff2d55,24px 8px #ff2d55,0 12px #ff2d55,4px 12px #ff6b8a,8px 12px #ff6b8a,12px 12px #ff6b8a,16px 12px #ff2d55,20px 12px #ff2d55,24px 12px #c03,4px 16px #ff2d55,8px 16px #ff2d55,12px 16px #ff2d55,16px 16px #ff2d55,20px 16px #c03,8px 20px #ff2d55,12px 20px #c03,16px 20px #c03,12px 24px #c03}.pixel-heart.beating{animation:heartbeat .6s ease-in-out infinite alternate}@keyframes heartbeat{0%{transform:scale(1)}to{transform:scale(1.2)}}.pixel-pigeon{display:inline-block;position:relative;width:40px;height:32px}.pixel-pigeon-inner{position:absolute;left:8px;top:0;width:4px;height:4px;background:transparent;animation:pigeon-bob 1.2s ease-in-out infinite;box-shadow:16px 0 #b0b0b0,20px 0 #b0b0b0,12px 4px #b0b0b0,16px 4px #c8c8c8,20px 4px #c8c8c8,24px 4px #b0b0b0,20px 4px #222,28px 4px #ff8c00,28px 8px #f60,12px 8px #7b5ea7,16px 8px #6b8e6b,20px 8px #7b5ea7,24px 8px #b0b0b0,4px 12px #909090,8px 12px #a0a0a0,12px 12px #b0b0b0,16px 12px silver,20px 12px #b0b0b0,24px 12px #a0a0a0,0 16px gray,4px 16px #a0a0a0,8px 16px #b0b0b0,12px 16px silver,16px 16px silver,20px 16px #b0b0b0,24px 16px #909090,0 20px #707070,4px 20px #909090,8px 20px #a0a0a0,12px 20px #b0b0b0,16px 20px #a0a0a0,20px 20px #909090,-4px 20px #707070,-4px 24px #606060,-8px 24px #505050,0 24px gray,12px 24px #f60,12px 28px #f60,20px 24px #f60,20px 28px #f60,8px 28px #f60,16px 28px #f60,24px 28px #f60}@keyframes pigeon-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.quiz-page{text-align:center;padding:30px 20px;max-width:700px;position:relative;z-index:1}.quiz-pigeons-top{display:flex;justify-content:center;align-items:flex-end;gap:40px;margin-bottom:30px}.quiz-pigeons-bottom{display:flex;justify-content:center;align-items:flex-end;gap:50px;margin-top:40px;opacity:.7}.quiz-title{font-size:1.4rem;color:#ff69b4;margin-bottom:24px;text-shadow:2px 2px 0 #cc0055}.quiz-question{font-size:.65rem;color:#ffb6c1;margin-bottom:16px;line-height:2}.quiz-question-highlight{font-size:.75rem;color:#fff;margin-bottom:32px;padding:16px;border:3px solid #ff69b4;border-image:repeating-linear-gradient(90deg,#ff69b4 0px,#ff69b4 4px,transparent 4px,transparent 8px) 3;background:#ff69b41a;line-height:2}.quiz-choices{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.quiz-choice{background:#1a0a2ecc;border:3px solid #4a2d6e;color:#fff;padding:14px 20px;font-family:"Press Start 2P",monospace;font-size:.55rem;cursor:pointer;text-align:left;transition:all .15s;line-height:2;display:flex;align-items:center;gap:12px}.quiz-choice:hover:not(:disabled){border-color:#ff69b4;background:#ff69b426;transform:translate(4px)}.quiz-choice:disabled{cursor:default}.choice-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#4a2d6e;color:#ff69b4;font-size:.6rem;flex-shrink:0}.quiz-choice.correct{border-color:#0f8;background:#00ff8826;animation:pulse-green .5s ease-in-out}.quiz-choice.correct .choice-letter{background:#0f8;color:#1a0a2e}.quiz-choice.incorrect{border-color:#f44;background:#ff444426;animation:flash-red .3s ease-in-out}.quiz-choice.incorrect .choice-letter{background:#f44;color:#fff}.wrong-answer{margin-top:20px;animation:fadeIn .3s ease-in}.wrong-answer p{color:#ff6b8a;font-size:.6rem;margin-bottom:16px;line-height:2}.retry-btn{background:#ff2d55;border:3px solid #cc0033;color:#fff;padding:12px 32px;font-family:"Press Start 2P",monospace;font-size:.6rem;cursor:pointer;transition:all .15s}.retry-btn:hover{background:#ff6b8a;transform:scale(1.05)}.correct-answer{margin-top:20px;animation:fadeIn .5s ease-in;display:flex;flex-direction:column;align-items:center;gap:12px}.correct-answer p{color:#0f8;font-size:.7rem}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulse-green{0%{box-shadow:0 0 #0f86}to{box-shadow:0 0 20px 5px #00ff881a}}@keyframes flash-red{0%{background:#f446}to{background:#ff444426}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.quiz-page{padding:20px 14px}.quiz-pigeons-top{gap:20px;margin-bottom:20px;transform:scale(.8)}.quiz-title{font-size:1rem;margin-bottom:16px}.quiz-question{font-size:.55rem}.quiz-question-highlight{font-size:.6rem;padding:12px;margin-bottom:24px}.quiz-choice{font-size:.5rem;padding:12px 14px;gap:10px}.choice-letter{width:24px;height:24px;font-size:.5rem}.retry-btn{font-size:.5rem;padding:10px 24px}.quiz-pigeons-bottom{transform:scale(.7);margin-top:24px}}.valentine-page{text-align:center;padding:30px 20px;max-width:600px;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.valentine-scene{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:30px}.valentine-title{font-size:1.2rem;color:#ff69b4;text-shadow:2px 2px 0 #cc0055,4px 4px 0 rgba(204,0,85,.3);margin-bottom:12px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:2px 2px 0 #cc0055,0 0 10px rgba(255,105,180,.3)}to{text-shadow:2px 2px 0 #cc0055,0 0 30px rgba(255,105,180,.6)}}.valentine-name{font-size:.6rem;color:#ffb6c1;margin-bottom:40px;letter-spacing:2px}.valentine-buttons{display:flex;gap:30px;align-items:center;justify-content:center;position:relative;min-height:120px;width:100%}.yes-btn{background:#ff2d55;border:4px solid #cc0033;color:#fff;padding:16px 40px;font-family:"Press Start 2P",monospace;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .15s;animation:yes-pulse 1s ease-in-out infinite alternate;position:relative;z-index:2}.yes-btn:hover{background:#ff6b8a;transform:scale(1.1);box-shadow:0 0 30px #ff2d5580}@keyframes yes-pulse{0%{box-shadow:0 0 10px #ff2d554d;transform:scale(1)}to{box-shadow:0 0 25px #ff2d5599;transform:scale(1.05)}}.btn-heart-icon{display:inline-flex;align-items:center}.no-btn{background:#333;border:4px solid #555;color:#999;padding:16px 40px;font-family:"Press Start 2P",monospace;font-size:.8rem;cursor:pointer;transition:transform .3s ease-out;position:relative;z-index:2;-webkit-user-select:none;user-select:none}.no-btn.moved{position:fixed}.valentine-pigeons-bottom{display:flex;justify-content:center;gap:60px;margin-top:40px;opacity:.6}.accepted-page{overflow:hidden}.accepted-content{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .8s ease-out;z-index:2;position:relative}.accepted-scene{display:flex;align-items:center;justify-content:center;gap:25px}.accepted-title{font-size:2rem;color:#ff69b4;text-shadow:3px 3px 0 #cc0055,6px 6px 0 rgba(204,0,85,.3);animation:bounce .6s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.accepted-text{font-size:.7rem;color:#ffb6c1;line-height:2}.accepted-subtext{font-size:.85rem;color:#ff69b4;line-height:2;margin-top:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.falling-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.falling-heart{position:absolute;top:-40px;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@media(max-width:500px){.valentine-page{padding:20px 14px}.valentine-scene{gap:15px;margin-bottom:20px;transform:scale(.8)}.valentine-title{font-size:.85rem;margin-bottom:10px}.valentine-name{font-size:.5rem;margin-bottom:28px}.valentine-buttons{min-height:80px;gap:20px}.yes-btn,.no-btn{padding:12px 28px;font-size:.65rem}.valentine-pigeons-bottom{transform:scale(.7);margin-top:24px}.accepted-scene{gap:12px;transform:scale(.75)}.accepted-title{font-size:1.4rem}.accepted-text{font-size:.55rem}.accepted-subtext{font-size:.65rem}}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 10% 20%,#ff69b4 50%,transparent 50%),radial-gradient(2px 2px at 30% 60%,#ff99cc 50%,transparent 50%),radial-gradient(2px 2px at 50% 10%,#ffb6c1 50%,transparent 50%),radial-gradient(2px 2px at 70% 80%,#ff69b4 50%,transparent 50%),radial-gradient(2px 2px at 90% 40%,#ff99cc 50%,transparent 50%),radial-gradient(2px 2px at 15% 90%,#ffb6c1 50%,transparent 50%),radial-gradient(2px 2px at 85% 15%,#ff69b4 50%,transparent 50%),radial-gradient(2px 2px at 45% 75%,#ff99cc 50%,transparent 50%),radial-gradient(3px 3px at 25% 45%,#ff1493 50%,transparent 50%),radial-gradient(3px 3px at 65% 30%,#ff1493 50%,transparent 50%),radial-gradient(2px 2px at 5% 55%,#ffb6c1 50%,transparent 50%),radial-gradient(2px 2px at 95% 70%,#ff69b4 50%,transparent 50%);animation:twinkle 4s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes twinkle{0%{opacity:.4}to{opacity:1}}