:root{--font-heading:"Silkscreen", cursive;--font-body:"Space Mono", monospace;--scene-pink:#f0f;--scene-light-pink:#ffb6c1;--scene-white:#fff;--scene-black:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" style=\"font-size: 24px\"><text y=\"24\">💖</text></svg>"),auto!important}body{font-family:var(--font-body);background-color:var(--scene-pink);background-image:linear-gradient(45deg, var(--scene-white) 25%, transparent 25%, transparent 75%, var(--scene-white) 75%, var(--scene-white)), linear-gradient(45deg, var(--scene-white) 25%, transparent 25%, transparent 75%, var(--scene-white) 75%, var(--scene-white));color:var(--scene-pink);background-position:0 0,20px 20px;background-size:40px 40px;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;overflow-x:hidden}h1,h2,h3{font-family:var(--font-heading);color:var(--scene-pink);text-shadow:2px 2px 0px var(--scene-light-pink);text-transform:uppercase;margin-bottom:1rem;font-size:1.8rem}.app-container{background:var(--scene-white);border:4px dashed var(--scene-pink);width:100%;max-width:450px;box-shadow:8px 8px 0px var(--scene-light-pink);z-index:10;border-radius:15px;position:relative;overflow:hidden}.content-wrapper{text-align:center;padding:2rem 1.5rem}.essay-text{font-family:var(--font-body);color:var(--scene-pink);margin-bottom:1.5rem;font-size:1rem;font-weight:700;line-height:1.6}.essay-text.fade-out{opacity:0;transition:opacity .2s}.btn-y2k{font-family:var(--font-heading);background:var(--scene-white);color:var(--scene-pink);border:3px solid var(--scene-pink);box-shadow:4px 4px 0px var(--scene-light-pink);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:200px;padding:.8rem 1.2rem;font-size:1rem;transition:all .1s;display:inline-flex}.btn-y2k:active{box-shadow:2px 2px 0px var(--scene-light-pink);transform:translate(2px,2px)}.btn-primary{background:var(--scene-pink);color:var(--scene-white);box-shadow:4px 4px 0px var(--scene-light-pink)}.btn-primary:active{background:var(--scene-light-pink);color:var(--scene-white);box-shadow:2px 2px 0px var(--scene-pink);border-color:var(--scene-light-pink)}.button-group{flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}@media (width>=480px){.button-group{flex-direction:row;justify-content:center}.btn-y2k{width:auto}}.progress-indicator{font-family:var(--font-body);color:var(--scene-pink);background:var(--scene-white);border:2px solid var(--scene-light-pink);border-radius:20px;margin-top:2rem;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}.marquee-container{background:var(--scene-pink);color:var(--scene-white);border-top:3px dashed var(--scene-white);font-family:var(--font-heading);white-space:nowrap;padding:5px 0;font-size:.9rem;overflow:hidden}.marquee-text{animation:10s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.y2k-deco{pointer-events:none;z-index:20;position:absolute}.spin-slow{animation:8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blink-text{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@keyframes pulse-heart{0%{transform:scale(1)}14%{transform:scale(1.2)rotate(-5deg)}28%{transform:scale(1)}42%{transform:scale(1.2)rotate(5deg)}70%{transform:scale(1)}}.heart-beat{animation:1.5s infinite pulse-heart;display:inline-block}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-800px)scale(1.5)}}.balloon-anim{z-index:50;animation:1.5s infinite pulse-heart,5s cubic-bezier(.4,0,.2,1) forwards floatUp;display:inline-block;position:relative}
