@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--primary-color: #ff007f;--secondary-color: #00ffff;--bg-color: #000000;--text-color: #ffffff;--button-face: #c0c0c0;--button-shadow: #808080;--button-highlight: #ffffff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,127,.1) 1px,transparent 1px);background-size:20px 20px;color:var(--text-color);font-family:VT323,monospace;overflow-y:auto;overflow-x:hidden}#root{width:100%;text-align:center;padding:2rem 0}.valentine-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem;border:4px outset var(--button-highlight);background-color:#ff007f1a;box-shadow:0 0 20px var(--primary-color);max-width:90vw;margin:0 auto}h1{font-family:VT323,monospace;font-size:4rem;margin:0;color:var(--secondary-color);text-shadow:4px 4px 0px var(--primary-color);text-transform:uppercase;letter-spacing:2px;line-height:1}.gif-container{margin-bottom:1rem}.heart-emoji{font-size:6rem;animation:warm-pulse 3s ease-in-out infinite;text-shadow:2px 2px 0px var(--secondary-color)}@keyframes warm-pulse{0%{transform:scale(1);filter:hue-rotate(0deg)}50%{transform:scale(1.1);filter:hue-rotate(-10deg)}to{transform:scale(1);filter:hue-rotate(0deg)}}.buttons-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}button{background-color:var(--button-face);color:#000;font-family:VT323,monospace;font-size:1.5rem;text-transform:uppercase;font-weight:700;border:4px outset var(--button-highlight);border-radius:0;padding:10px 20px;cursor:pointer;position:relative}button:active{border:4px inset var(--button-highlight);transform:translate(2px,2px)}.yes-button{background-color:var(--secondary-color);color:#000;min-width:120px;box-shadow:4px 4px #000}.yes-button:hover{background-color:#e0ffff}.no-button{background-color:var(--primary-color);color:#fff;box-shadow:4px 4px #000}.no-button:hover{background-color:#ff69b4}.celebration{animation:fadeIn 1s ease-in;display:flex;flex-direction:column;align-items:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.montage-container{width:100%;margin-top:2rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%}.photo-card{border:4px ridge var(--secondary-color);background:#000;padding:10px;display:flex;flex-direction:column;align-items:center}.placeholder-image{width:100%;aspect-ratio:1;background-color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:2px inset var(--button-shadow);margin-bottom:10px}.real-image{width:100%;aspect-ratio:1;object-fit:cover;border:2px inset var(--button-shadow);margin-bottom:10px}.caption{margin:0;font-size:1.2rem;color:var(--primary-color)}.captcha-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.captcha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#fff;padding:5px;border:2px inset var(--button-shadow)}.sprite-icon{width:100%;height:100%;background-size:300% 300%;background-repeat:no-repeat;image-rendering:pixelated}.sprite-taco{background-position:0% 0%}.sprite-spider{background-position:50% 0%}.sprite-swim{background-position:100% 0%}.sprite-broccoli{background-position:0% 50%}.sprite-dance{background-position:50% 50%}.sprite-math{background-position:100% 50%}.sprite-manu{background-position:0% 100%}.sprite-alarm{background-position:50% 100%}.sprite-snake{background-position:100% 100%}.captcha-item-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:5px;border:2px solid transparent;transition:all .2s}.captcha-item-wrapper:hover{background-color:#00ffff1a;border-color:var(--secondary-color)}.captcha-item-wrapper.selected{background-color:#0ff3;border:4px solid var(--secondary-color);position:relative}.captcha-item-wrapper.selected:after{content:"✔";position:absolute;top:-10px;right:-10px;background:var(--secondary-color);color:#000;font-size:1rem;padding:2px 6px;border:2px solid black;font-weight:700}.captcha-item{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background-color:#000;border:2px inset var(--button-shadow);margin-bottom:5px}.captcha-label{font-size:1rem;color:var(--secondary-color);text-shadow:1px 1px black;text-transform:uppercase}.security-header{background:#ff0;color:#000;padding:5px 10px;font-weight:700;border:2px solid black;margin-bottom:10px}.blink-warning{animation:blink-text .5s infinite}@keyframes blink-text{50%{opacity:0}}.verify-button{margin-top:1rem;background-color:var(--button-face);width:100%;max-width:200px}@media(max-width:600px){h1{font-size:3rem}.buttons-container{flex-direction:column}.captcha-grid{grid-template-columns:repeat(3,1fr)}.captcha-item{width:60px;height:60px;font-size:2rem}}.welcome-container{display:flex;flex-direction:column;align-items:center;width:100%}.silly-seal{width:200px;height:auto;border:4px ridge var(--secondary-color);box-shadow:5px 5px #000;margin:1rem 0}.marquee-container{width:100%;background-color:#000;color:var(--secondary-color);overflow:hidden;white-space:nowrap;border-top:2px solid var(--button-shadow);border-bottom:2px solid var(--button-shadow);margin-bottom:2rem;padding:5px 0}.marquee-text{display:inline-block;font-family:VT323,monospace;font-size:1.5rem;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.start-button{font-size:2rem;padding:15px 30px;background-color:var(--secondary-color);box-shadow:6px 6px #000;animation:blink-border 1s infinite}@keyframes blink-border{50%{border-color:var(--primary-color)}}.scroller-window{width:100%;max-width:90vw;overflow:hidden;position:relative;border:4px ridge var(--secondary-color);background:#000;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.scroller-track{display:flex;gap:2rem;width:max-content;animation:scroll 30s linear infinite;padding:1rem}.scroller-track:hover{animation-play-state:paused}.scroll-card{min-width:250px;max-width:300px}@keyframes scroll{to{transform:translate(-50%)}}
