@layer components{body{text-align:center;color:#fff;background:radial-gradient(circle,#63345f 0%,#3b1d4f 45%,#160d20 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}.container{max-width:600px;padding:40px}h1{text-shadow:0 0 10px #ff96c8b3,0 0 25px #ff64b466;margin-bottom:20px;font-size:48px}p{opacity:.9;font-size:19px;line-height:1.7;transition:opacity .5s}p.fade{opacity:0}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6fae,#c85cff);border:none;border-radius:30px;margin-top:25px;padding:15px 32px;font-size:18px;transition:all .3s;box-shadow:0 0 20px #ff64b44d}button:hover{transform:scale(1.05);box-shadow:0 0 30px #ff64c880}#photo{opacity:1;border:1px solid #ffbee14d;border-radius:22px;width:280px;max-width:100%;margin:25px auto 0;transition:opacity .6s,transform .4s,box-shadow .4s;animation:.8s photoAppear;display:block;box-shadow:0 12px 35px #0000004d,0 0 25px #ff82c82e}#photo.hidden,#reasonsPage.hidden,#nextPage.hidden,#letterPage.hidden{display:none}.chat-photo{width:230px;max-width:28vw;animation:.7s photoAppear;margin:0!important;position:fixed!important}.chat-top-left{top:10%;left:8%}.chat-top-right{top:10%;right:8%}.chat-bottom-right{bottom:10%;right:8%}@keyframes photoAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.text-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffa0d233;border-radius:30px;padding:35px;box-shadow:0 0 40px #ff64b41f,inset 0 0 30px #ff96d20a}.chat-bottom-right{bottom:6%;right:7%;transform:rotate(-3deg)}.chat-top-left,.chat-top-right,.chat-bottom-left,.chat-bottom-right{transform:none}.chat-photo{border:2px solid #ffbee140;border-radius:18px;box-shadow:0 12px 35px #00000059,0 0 18px #ff82c82e;transform:none!important}.chat-bottom-left{bottom:14%;left:14%}#reasonsPage h2{text-shadow:0 0 12px #ff96d2b3,0 0 30px #ff64b459;margin-bottom:30px;font-size:42px}#reasons{max-width:500px;margin:0 auto;padding:0;list-style:none}#reasons li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffb4dc2e;border-radius:18px;margin:14px 0;padding:16px 20px;font-size:18px;line-height:1.5;animation:.8s ease-out reasonAppear;box-shadow:0 8px 25px #00000026,inset 0 0 20px #ff96d208}#reasons li:before{content:"♡";color:#ff9dcc;text-shadow:0 0 10px #ff96d2b3;margin-right:10px}@keyframes reasonAppear{0%{opacity:0;transform:translateY(20px)}60%{opacity:.7;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-top-right{right:21%}.chat-top-left{left:12%}.chat-bottom-left{left:20%}#letterPage{max-width:600px;margin:0 auto;padding:20px;animation:1.5s finalLetterAppear}#letterPage h2{text-shadow:0 0 15px #ff96d2cc,0 0 35px #ff64b466;margin-bottom:35px;font-size:42px}@keyframes finalLetterAppear{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.container{max-width:600px;margin:0 auto;padding:40px}button{display:inline-block}#letterPage{height:100vh;overflow:hidden}.letter-content{animation:65s linear forwards creditsRoll}@keyframes creditsRoll{0%{transform:translateY(35vh)}to{transform:translateY(-100%)}}#letterPage h2{margin-bottom:45px;font-size:42px}#letterPage p{margin:35px 0;font-size:20px;line-height:1.9}#letterPage .final-line{text-shadow:0 0 15px #ff96d2cc,0 0 30px #ff64b466;font-size:27px;font-weight:700}#letterPage .ending{margin-top:70px;margin-bottom:100vh;font-size:30px}.floating-heart{color:#ffaad766;pointer-events:none;z-index:0;text-shadow:0 0 12px #ff78c866,0 0 25px #ff64b433;animation-name:heartFloat;animation-timing-function:linear;animation-fill-mode:forwards;position:fixed;bottom:-70px}@keyframes heartFloat{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:1}50%{transform:translateY(-50vh)rotate(15deg)}to{opacity:0;transform:translateY(-115vh)rotate(-15deg)}}#sceneTransition{opacity:0;pointer-events:none;z-index:9999;background:#160d20;transition:opacity .7s;position:fixed;inset:0}#sceneTransition.active{opacity:1}.final-message{color:#fff;opacity:0;pointer-events:none;z-index:10000;text-shadow:0 0 15px #ff96d2b3,0 0 30px #ff64b44d;background:#160d20;justify-content:center;align-items:center;font-size:28px;font-weight:700;transition:opacity 2s;display:flex;position:fixed;inset:0}.final-message.show{opacity:1}}