*{box-sizing:border-box} :root{--blue:#7DBDD4;--lav:#93A6CC;--pale:#C6D0E7;--ice:#F0F5F7;--mint:#C1F1F2;--ink:#253b5d;--muted:#77859d;--paper:#fffdfc}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#fbfcff,#f0f5f8 58%,#f9fbff);font-family:"DM Sans",sans-serif;color:var(--ink);overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(1px);z-index:-1;opacity:.7}.a1{width:280px;height:280px;background:#dce5f6;top:9%;left:-130px}.a2{width:330px;height:330px;background:#d5f3f2;right:-180px;bottom:4%}.top{height:76px;max-width:1120px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#8a99b2;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.brand{font-weight:700}.brand span{color:var(--blue)}#stepCount{font-variant-numeric:tabular-nums}main{max-width:1120px;margin:0 auto;padding:10px 28px 70px;min-height:calc(100vh - 100px)}.screen{display:none;min-height:calc(100vh - 170px);animation:appear .5s ease both}.screen.active{display:flex}.screen:not(#welcome){flex-direction:column;align-items:center;justify-content:center;text-align:center}.screen.centered{max-width:780px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#7b9bb8;margin:0 0 20px}h1,h2{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.04em;margin:0;color:#263e62}h1{font-size:clamp(58px,8vw,98px);line-height:.96}h1 em{color:#779bc5;font-weight:500}h2{font-size:clamp(36px,5vw,55px);line-height:1.08}.sub{font-size:15px;line-height:1.8;color:#7b879b;margin:20px 0 28px}.primary{border:0;border-radius:999px;background:#587da7;color:white;padding:15px 22px 15px 25px;font:600 13px "DM Sans";display:inline-flex;align-items:center;gap:28px;cursor:pointer;text-decoration:none;box-shadow:0 8px 20px #7897b526;transition:.2s}.primary:hover{transform:translateY(-2px);background:#426b99}.primary span{font-size:18px}.primary.small{padding:11px 18px;gap:16px}.hero-copy{width:42%;align-self:center;z-index:2}.hero-copy .sub{max-width:280px}.hero-art{width:58%;position:relative;display:grid;place-items:center;min-height:520px}.photo-frame{width:min(100%,440px);height:510px;position:relative;border:10px solid white;border-radius:190px 190px 28px 28px;overflow:hidden;background:linear-gradient(145deg,#d8e3f2,#b4dfe6);box-shadow:0 30px 70px #6e8cb52a;transform:rotate(1deg)}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.photo-fallback{display:none;place-items:center;text-align:center;height:100%;font-size:80px;color:#648ab4}.photo-fallback small{font-size:13px}.orb{position:absolute;border-radius:50%}.orb1{width:180px;height:180px;background:#c6d0e7;left:3%;top:9%}.orb2{width:140px;height:140px;background:#c1f1f2;right:0;top:20%}.sticker{position:absolute;z-index:2;font-size:45px;filter:drop-shadow(0 5px 4px #4e668333)}.sticker1{top:25px;right:12px}.sticker2{bottom:115px;left:0}.birthday-label{position:absolute;bottom:25px;left:50%;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;text-align:center;font-size:22px;line-height:1.1;font-weight:700;letter-spacing:.08em;color:#31517b;background:#fffdf0;border:3px solid #fff;border-radius:10px;padding:12px 18px;box-shadow:0 6px 0 #b5c7df}.birthday-label b{color:#df778e}.gift-box{position:relative;margin:35px auto 20px;width:200px;height:180px;border:0;background:linear-gradient(135deg,#b9d7ed,#7398c4);border-radius:12px 12px 18px 18px;box-shadow:0 24px 45px #668ab13b;cursor:pointer;transition:.25s}.gift-box:hover{transform:translateY(-7px) rotate(-2deg)}.gift-box:before{content:"";position:absolute;left:-9px;right:-9px;top:-16px;height:35px;background:linear-gradient(135deg,#d7e8f5,#a6c7e4);border-radius:8px;box-shadow:0 5px 9px #587da733}.gift-ribbon-v{position:absolute;top:-15px;bottom:0;left:calc(50% - 13px);width:26px;background:#eaf4fb}.gift-ribbon-h{position:absolute;top:60px;left:0;right:0;height:22px;background:#eaf4fb}.bow{position:absolute;top:-55px;left:50%;transform:translateX(-50%);font-size:55px}.gift-tag{position:absolute;right:-28px;bottom:18px;background:#fffdfb;padding:9px 13px;transform:rotate(8deg);font-family:"Playfair Display";font-style:italic;border-radius:3px}.gift-emoji{position:absolute;inset:0;display:grid;place-items:center;font-size:72px;opacity:.12}.hint{font-size:11px;color:#9ba8b8;letter-spacing:.03em}.envelope{width:300px;height:190px;margin:25px auto 20px;border:0;border-radius:12px;background:linear-gradient(145deg,#dce9f6,#a8c4e1);box-shadow:0 15px 35px #6e8cb52a;position:relative;cursor:pointer;overflow:hidden}.envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 49%,#c5d9ee 50%),linear-gradient(-35deg,transparent 49%,#e8f1fa 50%)}.envelope-title{position:absolute;top:40px;left:0;right:0;font:italic 25px "Playfair Display";z-index:1}.envelope-heart{position:absolute;top:77px;left:45%;font-size:28px;color:#6f9bc7;z-index:2}.envelope-action{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:30px;background:#5d80a8;color:white;padding:10px 20px;font-size:12px;z-index:2}.letter-paper{max-width:500px;text-align:left;background:#fffdfb;border-radius:8px;padding:28px 30px;box-shadow:0 15px 50px #5c71901c;border:1px solid #e8edf3;line-height:1.8;color:#63718a}.letter-paper #letterText{white-space:pre-wrap;margin:15px 0;outline-color:#b7d9e8}.paper-top,.paper-sign{font-family:"Playfair Display";font-style:italic;color:#587da7}.paper-sign{text-align:right}.hidden{display:none!important}.wish-card{width:min(100%,490px);background:#ffffffc9;border:1px solid #e4eaf1;border-radius:20px;padding:24px;text-align:left;box-shadow:0 15px 40px #637b9c13}.wish-card label{font-size:10px;letter-spacing:.18em;color:#8396ad;font-weight:700}.wish-card textarea{display:block;width:100%;height:125px;resize:vertical;margin:13px 0 5px;border:1px solid #e1e8ef;border-radius:12px;padding:14px;font:14px/1.6 "DM Sans";background:#fbfcfe;color:var(--ink);outline-color:#9cc9dc}.counter{text-align:right;font-size:10px;color:#9aa8b8;margin-bottom:17px}.cake-area{position:relative;width:320px;height:270px;border:0;background:transparent;cursor:pointer;margin:15px 0}.cake{position:absolute;bottom:37px;left:50%;transform:translateX(-50%);width:235px;height:100px;border-radius:22px 22px 35px 35px;background:#8fc4dc;box-shadow:inset 0 -12px #6fa9c8}.icing{position:absolute;left:0;right:0;top:0;height:32px;border-radius:20px;background:#fff3f5;box-shadow:0 8px #f6c9d7}.icing:after{content:"";position:absolute;left:30px;right:20px;top:18px;height:27px;background:#fff3f5;border-radius:0 0 18px 18px;clip-path:polygon(0 0,100% 0,100% 45%,85% 100%,72% 45%,57% 100%,40% 45%,25% 100%,10% 45%,0 80%)}.sprinkles{position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:1;color:#d59ab4;white-space:nowrap}.cake-plate{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:290px;height:20px;border-radius:50%;background:#e3edf6;border:2px solid #d2e0ed}.candles{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:130px;display:flex;gap:15px}.candles span{width:12px;height:53px;border-radius:4px;background:repeating-linear-gradient(135deg,#fff 0 6px,#86acd0 6px 12px);box-shadow:0 2px 4px #7897a855}.flames{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:181px;display:flex;gap:19px}.flames i{display:block;width:10px;height:17px;border-radius:60% 40% 60% 40%;background:#ffc85e;box-shadow:0 0 15px #ffc85e;animation:flicker .5s infinite alternate}.flames.out{display:none}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:10px 0 20px}.game-card{background:#fff;border:1px solid #e4ebf2;border-radius:18px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--ink);cursor:pointer;transition:.2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #668ab122}.game-icon{font-size:32px}.game-card b{font-size:13px}.game-card small{font-size:10px;color:#8997aa}.game-play{background:white;border:1px solid #e5ebf2;border-radius:18px;padding:20px;margin:0 0 20px;width:100%;max-width:480px}.game-play button{border:1px solid #dce5ef;background:#f3f7fb;color:#355578;border-radius:10px;padding:12px;margin:5px;cursor:pointer}.telegram-orb{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#67b6e4;color:white;font-size:30px;transform:rotate(-25deg);margin-bottom:24px;box-shadow:0 12px 28px #67b6e433}.link-button{margin-top:8px}.tiny{font-size:11px;color:#9aa7b7;margin-top:35px}.text-button{background:transparent;border:0;color:#8195ac;cursor:pointer;margin-top:10px}.music-pill{position:fixed;right:20px;bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #e1e8ef;border-radius:30px;background:#ffffffdc;backdrop-filter:blur(12px);font-size:11px;color:#6e8199;box-shadow:0 8px 24px #4b66821a;z-index:10}.music-pill button{border:0;background:#5d80a8;color:white;border-radius:50%;width:27px;height:27px;cursor:pointer}.music-dot{width:8px;height:8px;background:#82c8c8;border-radius:50%;box-shadow:0 0 0 4px #d9f3f1}.youtube-hidden{display:none}.youtube-player-visible{position:fixed;right:16px;bottom:72px;width:200px;height:200px;z-index:11;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #4b668226;background:#fff}.youtube-player-visible iframe{width:200px;height:200px;border:0}#confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:99}.confetti-piece{position:absolute;top:-20px;width:8px;height:13px;animation:fall 2.8s linear forwards;border-radius:2px}.photo-fallback{display:none}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fall{to{transform:translateY(110vh) rotate(760deg);opacity:.8}}@keyframes flicker{to{transform:translateY(-4px) scale(.9);opacity:.8}}@media(max-width:700px){.top{height:60px;padding:0 20px}main{padding:0 20px 80px}.screen{min-height:calc(100vh - 150px)}#welcome{flex-direction:column;justify-content:center;gap:0}.hero-copy{width:100%;padding-top:20px;text-align:center}.hero-copy .sub{margin:16px auto 20px}.hero-copy .eyebrow{margin-bottom:14px}.hero-art{width:100%;min-height:360px;margin-top:12px}.photo-frame{width:min(75vw,320px);height:360px;border-width:7px}.orb1{left:0;width:120px;height:120px}.orb2{right:0;width:100px;height:100px}.sticker{font-size:32px}.birthday-label{font-size:16px;bottom:20px;padding:9px 13px}.game-grid{grid-template-columns:1fr;max-width:330px}.game-card{flex-direction:row;text-align:left;padding:13px 16px}.game-icon{width:42px}.game-card small{margin-left:auto}.music-pill{right:12px;bottom:12px}.cake-area{transform:scale(.9);margin:0}.letter-paper{padding:22px}.gift-box{transform:scale(.9);margin:25px auto 12px}.sub{font-size:14px}.wish-card{padding:18px}}
.game-icon{font-size:10px;letter-spacing:.12em;font-weight:700;color:#587da7;background:#eaf2fa;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.sticker{display:none}

#musicToggle{min-width:48px;padding:0 10px;border-radius:18px;font-size:10px;font-weight:700}.music-pill{max-width:calc(100vw - 24px)}@media(max-width:700px){.youtube-player-visible{right:12px;bottom:66px;width:200px;height:200px}.youtube-player-visible iframe{width:200px;height:200px}.music-pill{left:12px;right:12px;justify-content:space-between}}