body{margin:0;font-family:Inter,sans-serif;background:radial-gradient(circle at top,#1a1a1a,#0a0a0a);color:#fff;overflow:hidden}.app{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.app:before{content:"";position:absolute;width:400px;height:400px;background:rgba(255,77,109,.2);filter:blur(120px);border-radius:50%;top:20%;left:50%;transform:translate(-50%)}.poem,.reveal,.scratch-container{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:30px;border-radius:20px;max-width:400px;width:100%;box-shadow:0 10px 40px #0009;animation:fadeIn .8s ease}.poem h2,.reveal h1{font-size:26px;line-height:1.4;margin-bottom:20px}.reveal p{opacity:.7;margin-bottom:25px}button{background:linear-gradient(135deg,#ff4d6d,#ff758f);border:none;padding:12px 20px;color:#fff;border-radius:12px;cursor:pointer;font-size:16px;transition:all .3s ease}button:hover{transform:scale(1.05);box-shadow:0 5px 20px #ff4d6d66}.timeline{display:flex;flex-direction:column;gap:12px}.timeline div{background:rgba(255,255,255,.08);padding:14px;border-radius:12px;font-size:17px;transition:.3s}.timeline div:hover{background:rgba(255,77,109,.2);transform:translateY(-2px)}.hidden-message{width:320px;height:200px;background:linear-gradient(135deg,#fff,#f1f1f1);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:15px;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.typewriter:after{content:"|";margin-left:5px;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}