:root{--bg:#10071b;--purple:#6f35c5;--pink:#e879c8;--text:#fff8ff;--muted:#d8c9df}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button{font:inherit}.screen{position:fixed;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.1s ease,visibility 1.1s}.screen.active{opacity:1;visibility:visible;pointer-events:auto}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 35%,#4a1e73 0,#24103b 32%,#10071b 75%)}.ambient i{position:absolute;width:35vw;height:35vw;border-radius:50%;filter:blur(80px);opacity:.22;animation:drift 14s ease-in-out infinite alternate}.ambient i:nth-child(1){background:#9b48dd;left:-12vw;top:15vh}.ambient i:nth-child(2){background:#f06cc8;right:-15vw;top:45vh;animation-delay:-4s}.ambient i:nth-child(3){background:#6c55ff;left:35vw;top:-22vw;animation-delay:-7s}.ambient i:nth-child(4){background:#ff75ba;left:45vw;bottom:-28vw;animation-delay:-2s}.ambient span{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.5;box-shadow:0 0 8px #fff;animation:twinkle 3s infinite}.ambient span:nth-last-child(1){left:17%;top:22%}.ambient span:nth-last-child(2){left:77%;top:31%;animation-delay:1s}.ambient span:nth-last-child(3){left:65%;top:76%;animation-delay:2s}@keyframes drift{to{transform:translate(5vw,3vh) scale(1.12)}}@keyframes twinkle{50%{opacity:.12;transform:scale(.5)}100%{opacity:.6}}#app{position:relative;z-index:2;width:100%;height:100%}.screen{z-index:2}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff8 1px,transparent 1.5px);background-size:90px 90px;opacity:.15;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.opening-copy{position:absolute;bottom:13vh;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;color:#e9d9ef;margin:0 0 10px}.opening-copy h1{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,13vw,76px);font-weight:500;margin:0 0 20px;letter-spacing:.02em}.opening-copy button{border:1px solid #ffffff35;color:#fff;background:#ffffff0d;backdrop-filter:blur(10px);border-radius:999px;padding:12px 22px;cursor:pointer;transition:.3s}.opening-copy button:hover{background:#ffffff18;transform:translateY(-2px)}.gift-wrap{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);width:190px;height:190px;cursor:pointer;filter:drop-shadow(0 22px 40px #0007)}.gift{position:absolute;left:35px;top:68px;width:120px;height:90px}.box{position:absolute;inset:10px 0 0;background:linear-gradient(135deg,#a43ed0,#7131b8);border-radius:5px 5px 12px 12px;box-shadow:inset 0 0 25px #fff1}.lid{position:absolute;left:-6px;top:0;width:132px;height:30px;background:linear-gradient(135deg,#d55bd7,#8a36c5);border-radius:7px;z-index:3;transform-origin:12px 25px;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.ribbon-v{position:absolute;left:50%;top:0;bottom:0;width:18px;transform:translateX(-50%);background:#f6a2ddaa}.ribbon-h{position:absolute;left:0;right:0;top:31px;height:13px;background:#f6a2ddaa}.bow{position:absolute;z-index:4;left:49px;top:-13px}.bow b{display:block;position:absolute;width:30px;height:20px;background:#f5a0dd;border-radius:100% 15% 100% 15%;box-shadow:0 0 10px #f5a0dd55}.bow b:first-child{right:1px;transform:rotate(24deg);transform-origin:right bottom}.bow b:nth-child(2){left:1px;transform:scaleX(-1) rotate(24deg);transform-origin:left bottom}.bow em{position:absolute;width:12px;height:12px;background:#f7b3e5;border-radius:50%;left:24px;top:12px}.glow{position:absolute;width:160px;height:160px;left:15px;top:15px;border-radius:50%;background:#dc67dd35;filter:blur(25px);animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.13);opacity:.7}}.gift-wrap.opening .lid{transform:rotate(-28deg) translate(-4px,-8px)}.gift-wrap.opening .gift{animation:giftOut .8s ease}.gift-wrap.opening .glow{animation:burst 1s ease forwards}@keyframes giftOut{50%{transform:translateY(6px)}100%{transform:translateY(0)}}@keyframes burst{to{transform:scale(2.2);opacity:0}}#letterScreen{background:radial-gradient(circle at 50% 50%,#733e95aa,transparent 45%)}.letter-card{width:min(330px,78vw);aspect-ratio:1.45;background:linear-gradient(135deg,#ffffff12,#ffffff06);border:1px solid #ffffff20;border-radius:22px;backdrop-filter:blur(20px);box-shadow:0 30px 90px #0007;display:grid;place-items:center;align-content:center;gap:13px;transform:translateY(30px) scale(.92);opacity:0}.letter-card.show{animation:cardIn 1.3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes cardIn{to{transform:none;opacity:1}}.letter-card p{font-family:'Cormorant Garamond',serif;font-size:32px;margin:0}.letter-card .line{height:1px;width:45px;background:#f2a7df}.tiny-star{font-size:11px;color:#f3a5df}.music-content{width:min(620px,88vw);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.song-heading p{font-size:9px;letter-spacing:.35em;color:#e5bce3;margin:0 0 12px}.song-heading h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(44px,12vw,76px);line-height:.85;margin:0;letter-spacing:.04em;text-shadow:0 0 35px #dc76dc44}.song-heading span{display:block;margin-top:15px;color:#d9c6df;font-size:12px;letter-spacing:.18em}.lyrics{height:160px;width:100%;display:flex;align-items:center;justify-content:center;margin:36px 0 24px;padding:0 10px}.lyric{font-family:'Cormorant Garamond',serif;font-size:clamp(25px,6.5vw,42px);line-height:1.08;max-width:600px;color:#fff;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.lyric.active{opacity:1;transform:none}.player{width:min(480px,82vw);display:flex;align-items:center;gap:13px}.round{width:42px;height:42px;border-radius:50%;border:1px solid #fff3;background:#ffffff12;color:white;cursor:pointer}.progress{height:2px;background:#ffffff20;flex:1;overflow:hidden}.progress div{height:100%;width:0;background:linear-gradient(90deg,#a85bd8,#f39bd8);box-shadow:0 0 12px #ef8bd8}.minimal{border:0;background:transparent;color:#cdb9d2;font-size:10px;cursor:pointer}.end-content{text-align:center}.end-star{color:#f2a2dc;font-size:20px;margin-bottom:18px}.end-content p{font-family:'Cormorant Garamond',serif;font-size:30px;margin:0}.end-content h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:52px;margin:14px 0 0;background:linear-gradient(90deg,#fff,#e8a3e1);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-height:650px){.opening-copy{bottom:8vh}.gift-wrap{top:30%}.lyrics{margin:20px 0;height:120px}.song-heading h2{font-size:48px}}