.party-invitation{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;width:min(720px,100%);margin:24px auto 36px;padding:22px 30px;background:linear-gradient(125deg,#ffe6a4,#f4c5cc 54%,#d6c9ee);border:2px solid #fff9ee;border-radius:36px 22px 38px 24px;box-shadow:0 7px 0 #bca2b52b,0 0 28px #edbb7333;color:#345653;text-decoration:none;text-align:center;transition:transform .2s,box-shadow .2s}.party-invitation strong{display:block;font-family:var(--font-title);font-size:clamp(1.3rem,3vw,1.8rem)}.party-invitation small{display:block;margin-top:6px}.party-invitation>span:first-child,.party-invitation>span:last-child{font-size:36px}.party-invitation:hover{transform:translateY(-3px);box-shadow:0 10px 0 #bca2b52b,0 0 36px #edbb7355}.party-invitation:focus-visible,.party-guest:focus-visible{outline:3px solid #8052ad;outline-offset:6px}
.oli-dj-party{max-width:1180px;margin:auto;padding:30px 24px 60px;color:#345653}.party-heading{text-align:center;position:relative;z-index:3}.party-heading>a{display:flex;width:fit-content;margin:0 0 22px}.party-heading h1{font-family:var(--font-title);font-size:clamp(2.4rem,6vw,4rem);line-height:1.15;margin:10px 0}.party-heading h1 em{font-style:normal;color:#ae5364}.party-heading p{margin:12px 0}.party-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.party-scene{position:relative;height:760px;isolation:isolate;border-radius:46% 46% 28px 28px / 16% 16% 28px 28px;background:radial-gradient(ellipse at 50% 30%,#fffefa 15%,#f8ecdc 70%);margin-top:30px;overflow:visible}.party-floor{position:absolute;inset:19% 4% 2%;clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:repeating-conic-gradient(#d6c9ee50 0 25%,#f4c5cc35 0 50%) 50% / 90px 80px;opacity:.8;border-bottom:3px solid #e6cfbc}.party-globe{position:absolute;top:-10px;left:50%;width:70px;height:70px;transform:translateX(-50%);z-index:5}.party-globe:before{content:'';position:absolute;height:35px;width:2px;background:#a68d76;left:50%;top:-35px}.party-globe i{display:block;width:70px;height:70px;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 10px,#fff9ee80 10px 12px),repeating-linear-gradient(90deg,transparent 0 10px,#fff9ee80 10px 12px),radial-gradient(circle at 30% 24%,#ffffff,#c6dbe5 50%,#97a8b4 83%);border:2px solid #aebec7;box-shadow:inset -8px -4px 14px #798f9e55,0 0 35px #fff}.party-globe span,.party-globe b{position:absolute;color:#c8a245;font-size:28px;font-weight:400;animation:party-twinkle 2s ease-in-out infinite}.party-globe span{left:-33px;top:12px}.party-globe b{right:-29px;top:40px;animation-delay:-1s}.party-lights{position:absolute;inset:10% 0 0;pointer-events:none;background:radial-gradient(ellipse at 15% 45%,#f4c5cc65,transparent 35%),radial-gradient(ellipse at 85% 60%,#bcdfee65,transparent 35%),radial-gradient(ellipse at 50% 80%,#ffe6a465,transparent 45%);animation:party-glow 4s ease-in-out infinite alternate}
.party-balloons>span{position:absolute;left:var(--left);top:70px;width:36px;height:46px;background:var(--balloon);border:2px solid #34565333;border-radius:48% 52% 45% 48%;transform:rotate(-8deg);animation:party-balloon 4s ease-in-out infinite alternate;animation-delay:var(--balloon-delay);z-index:0}.party-balloons>span:before{content:'';position:absolute;top:8px;left:8px;width:8px;height:15px;border-radius:50%;background:#ffffff70}.party-balloons>span:after{content:'';position:absolute;top:44px;left:17px;width:18px;height:100px;border-left:2px solid #ae9a80;border-radius:45%;transform:rotate(5deg)}.party-sparkles{position:absolute;inset:0;pointer-events:none}.party-sparkles i{position:absolute;left:var(--left);top:var(--top);color:var(--confetti);font-style:normal;font-size:24px;animation:party-twinkle 3s ease-in-out infinite;animation-delay:var(--delay)}
.oli-dj{position:absolute;top:63px;left:50%;transform:translateX(-50%);width:210px;height:220px;z-index:4}.dj-head{position:absolute;width:94px;height:119px;object-fit:contain;left:58px;top:0}.dj-headphones{position:absolute;width:104px;height:85px;left:52px;top:23px}.dj-table{position:absolute;width:210px;left:0;top:83px}.dj-sign{position:absolute;top:184px;left:50%;transform:translateX(-50%);font-family:var(--font-title);font-size:20px;white-space:nowrap;background:#fff9ee;padding:5px 12px;border-radius:16px;box-shadow:0 3px 0 #c5b5dc55}.party-cake{position:absolute;left:calc(50% + 98px);top:144px;width:78px;height:106px;z-index:4}
.party-guest{position:absolute;left:var(--x);top:var(--y);width:126px;height:176px;padding:0;background:none;border:0;cursor:pointer;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center center;z-index:6;color:#345653}.guest-dancer{display:block;position:relative;height:145px;animation:party-dance 1.2s ease-in-out infinite alternate;animation-delay:var(--delay);transform-origin:50% 90%}.guest-head{position:absolute;width:72px;height:72px;left:27px;top:0;z-index:2}.guest-head .family-photo-avatar{width:72px;height:72px;border:0;background:transparent;border-radius:47% 48% 43% 48%;box-shadow:none;overflow:hidden;display:block}.guest-hat{position:absolute;left:16px;top:-22px;width:40px;height:43px;clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-linear-gradient(35deg,var(--hat) 0 8px,#fff9ee 8px 11px);transform:rotate(-10deg);filter:drop-shadow(0 1px 0 #345653)}.guest-body{position:absolute;left:13px;top:53px;width:100px;height:120px}.dance-arm{transform-box:fill-box;transform-origin:center;animation:party-arms .6s ease-in-out infinite alternate}.arm-right{animation-delay:-.3s}.guest-name{position:absolute;top:169px;left:50%;transform:translateX(-50%);display:block;background:#fff9eede;border-radius:14px;padding:4px 9px;font-weight:800;font-size:14px;white-space:nowrap}.guest-bubble{position:absolute;bottom:184px;left:50%;transform:translateX(-50%);background:#fffefa;border:2px solid #dcc7b1;border-radius:20px 20px 20px 6px;min-width:42px;padding:7px 10px;color:#ae5364;box-shadow:0 4px 8px #ae9a8015;max-width:155px;max-height:58px;overflow:hidden;font-size:14px;line-height:1.3;z-index:10}.guest-bubble.has-wish{color:#345653;min-width:110px}.party-guest.selected{z-index:20}.party-guest.selected .guest-bubble{max-width:260px;width:230px;max-height:260px;overflow:auto;box-shadow:0 8px 28px #34565333}.party-guest:hover .guest-name,.party-guest.selected .guest-name{background:#ffe6a4}.party-floor-sticker{position:absolute;bottom:32px;left:50%;transform:translateX(-50%) rotate(-4deg);font-family:var(--font-title);font-size:clamp(24px,4vw,42px);color:#ae5364;white-space:nowrap}
.party-wishes{position:relative;z-index:8;width:min(680px,100%);margin:0 auto;padding:30px;background:#fffefa;border:2px solid #eedbcc;border-radius:28px 36px 26px 40px;box-shadow:0 10px 30px #ae9a8018;text-align:center}.party-wishes h2{font-family:var(--font-title);font-size:clamp(1.6rem,4vw,2.2rem);margin:10px 0}.party-wishes>p{font-size:15px}.party-wishes .family-comments{border:0;background:none;padding:0}.party-wishes .comment-list{max-height:220px;overflow:auto;text-align:left}.party-wishes .comment-form{text-align:left;margin:20px 0}.party-wishes textarea{width:100%;font:inherit}.party-wishes .comment-form>.btn{width:100%}.party-wishes .family-comment{background:#fff9ee;border-radius:16px;padding:14px;margin:10px 0;overflow-wrap:anywhere}.party-wishes .family-comment p{margin:6px 0}.oli-dj-party[data-paused=true] *,.oli-dj-party[data-paused=true] *:before,.oli-dj-party[data-paused=true] *:after{animation-play-state:paused!important}
@keyframes party-dance{from{transform:rotate(calc(var(--sway) * -1)) translateY(0)}to{transform:rotate(var(--sway)) translateY(-6px)}}@keyframes party-arms{to{transform:rotate(13deg)}}@keyframes party-twinkle{50%{opacity:.35;transform:scale(.8)}}@keyframes party-balloon{to{transform:rotate(7deg) translateY(-12px)}}@keyframes party-glow{to{opacity:.45}}
@media(min-width:1000px){.party-wishes{margin-top:-155px;width:460px}.party-scene{height:900px}.party-floor-sticker{bottom:170px}}
@media(max-width:600px){.oli-dj-party{padding:18px 12px 40px}.party-heading>a{font-size:13px}.party-heading h1{font-size:2.6rem}.party-controls .btn{font-size:13px;padding:10px 12px}.party-scene{height:660px;margin-top:40px}.party-guest{transform:translate(-50%,-50%) scale(calc(var(--scale) * .72))}.oli-dj{transform:translateX(-50%) scale(.75);transform-origin:top center;top:70px}.party-cake{left:calc(50% + 66px);top:138px;width:58px;height:79px}.party-balloons>span{width:24px;height:32px;top:30px}.party-balloons>span:after{top:30px;left:12px;height:60px}.guest-bubble{bottom:176px}.party-floor-sticker{bottom:12px}.party-wishes{padding:22px 18px}.party-invitation{padding:20px 12px;gap:10px}.party-invitation>span:first-child,.party-invitation>span:last-child{font-size:24px}}
@media(prefers-reduced-motion:reduce){.oli-dj-party *,.oli-dj-party *:before,.oli-dj-party *:after{animation:none!important}.party-invitation{transition:none}}

.dj-sign{top:166px;font-size:17px;background:#fff9eedc}.dj-table{top:83px}.dj-hand{transform-origin:50% 30%;animation:party-arms .9s ease-in-out infinite alternate}

.party-balloons{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.party-sparkles{overflow:hidden;border-radius:inherit}

.party-balloons>span{top:var(--balloon-top)}

.party-globe i{background:repeating-linear-gradient(0deg,transparent 0 9px,#fff9eeb3 9px 11px),repeating-linear-gradient(90deg,transparent 0 9px,#fff9eeb3 9px 11px),radial-gradient(circle at 27% 22%,#fff 0 5%,#e4f3f9 18%,#b6d2e3 47%,#93a8bd 76%,#677e94 100%);box-shadow:inset -9px -5px 14px #53738955,0 0 18px #ffffffee,0 0 48px #bcdfee99,0 0 75px #ffe6a477;overflow:hidden}.party-globe i:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 31% 23%,white 0 3px,transparent 5px),radial-gradient(circle at 68% 48%,#fff9ee 0 2px,transparent 4px),radial-gradient(circle at 42% 72%,#fff 0 2px,transparent 4px);animation:party-mirror 3.8s ease-in-out infinite}.party-globe em{position:absolute;top:11px;left:15px;width:24px;height:24px;background:linear-gradient(90deg,transparent 44%,white 49% 51%,transparent 56%),linear-gradient(0deg,transparent 44%,white 49% 51%,transparent 56%);filter:drop-shadow(0 0 6px white);animation:party-mirror 3s ease-in-out infinite}.party-beams{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:0}.party-beams i{position:absolute;top:30px;left:50%;width:55%;height:80%;transform-origin:0 0;clip-path:polygon(0 0,100% 100%,15% 100%);background:linear-gradient(160deg,#bcdfee44,transparent 75%);transform:rotate(8deg);animation:party-beam 9s ease-in-out infinite alternate}.party-beams i+i{left:0;transform-origin:100% 0;clip-path:polygon(100% 0,85% 100%,0 100%);background:linear-gradient(200deg,#eeb8c544,transparent 75%);animation-delay:-4s}.party-reflections{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.party-reflections i{position:absolute;left:var(--rx);top:var(--ry);width:9px;height:7px;border-radius:2px;background:#fffefa;box-shadow:0 0 9px 4px var(--glint);transform:rotate(-20deg);animation:party-reflection 5s ease-in-out infinite alternate;animation-delay:var(--rd)}@keyframes party-reflection{from{opacity:.25;transform:translate(-8px,-5px) rotate(-20deg)}to{opacity:.85;transform:translate(10px,12px) rotate(15deg)}}@keyframes party-mirror{50%{opacity:.3;filter:drop-shadow(0 0 3px white)}}@keyframes party-beam{to{transform:rotate(-7deg);opacity:.45}}
@media(prefers-reduced-motion:reduce){.party-beams i,.party-reflections i,.party-globe i:after,.party-globe em{animation:none!important}}

.dj-side-table{position:absolute;left:calc(50% + 85px);top:188px;width:102px;height:90px;z-index:3}.party-cake{left:calc(50% + 101px);top:95px;width:78px;height:106px}.dj-sign{top:181px}@media(max-width:600px){.dj-side-table{left:calc(50% + 63px);top:165px;width:72px;height:64px}.party-cake{left:calc(50% + 73px);top:89px;width:58px;height:79px}}

.party-track-picker{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px auto 12px}.party-track{border:2px solid #e2cfbe;border-radius:22px 26px 20px 24px;padding:13px 16px;background:#fffefa;color:#345653;cursor:pointer;display:grid;justify-items:center;gap:7px;min-width:150px;font-family:var(--font-title);transition:transform .18s,background .18s}.party-track>span{font-size:26px}.party-track:nth-child(2){background:#edf3e3}.party-track:nth-child(3){background:#eae3f5}.party-track[aria-pressed=true]{border-color:#ae5364;background:#f9dde3;box-shadow:0 4px 0 #ae53642b;transform:translateY(-3px)}.party-track:focus-visible,.party-dj-pads button:focus-visible{outline:3px solid #8052ad;outline-offset:4px}.party-dj-pads{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:22px auto 36px}.party-dj-pads>span{width:100%;font-size:14px;font-weight:800}.party-dj-pads button{border:2px solid #dcc7b1;border-radius:18px;padding:10px 16px;background:#ffe6a4;font-size:26px;color:#345653;cursor:pointer;transition:transform .15s}.party-dj-pads button:nth-of-type(2){background:#bcdfee}.party-dj-pads button:nth-of-type(3){background:#c5dba9}.party-dj-pads small{display:block;font-family:var(--font-title);font-weight:700;font-size:12px;margin-top:4px}.party-dj-pads .pad-hit,.party-dj-pads button:active{transform:scale(.94);box-shadow:0 0 15px #edbb7355}@media(max-width:600px){.party-track-picker{gap:8px}.party-track{min-width:0;width:calc((100% - 16px)/3);font-size:12px;padding:12px 7px}.party-dj-pads button{padding:10px 14px}.party-track>span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.party-track,.party-dj-pads button{transition:none}}

.dj-guegue{position:absolute;top:76px;left:4px;width:45px;height:47px;overflow:hidden;mix-blend-mode:multiply;z-index:3;pointer-events:none}.dj-guegue img{position:absolute;max-width:none;width:206px;height:auto;left:-44px;top:-72px}.party-voice{margin:24px 0;padding-top:24px;border-top:2px dashed #e2cfbe}.party-voice h3{font-family:var(--font-title);font-size:1.4rem}.party-voice-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.party-voice-status{font-size:14px;line-height:1.5}.party-voice audio{max-width:100%;width:100%}.party-voice-review{margin:14px 0}.party-voice-review[hidden]{display:none}.party-voice-list .voice-card{margin:12px 0;padding:14px;text-align:left;border-radius:18px;background:#fff9ee}.party-voice-list .voice-card strong{display:block;margin-bottom:8px}

.party-scene{margin-bottom:72px}.party-wishes{margin-top:0}.dj-guegue{top:71px;left:-1px;width:54px;height:55px;overflow:visible;mix-blend-mode:normal}.dj-guegue img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}

.party-wishes{width:min(680px,100%)}

.party-invitation{width:min(950px,100%);padding:26px 30px;text-align:left;gap:25px}.party-invitation-copy{display:block;flex:1}.party-invitation-copy>small{font-size:13px;margin:0 0 10px;font-weight:800}.party-invitation-copy>strong{font-size:clamp(1.5rem,3vw,2rem)}.party-invitation-copy>span{display:block;margin-top:8px;font-size:15px;line-height:1.5}.party-invitation-copy>b{display:inline-block;margin-top:17px;padding:13px 18px;border-radius:18px;background:#345653;color:#fff9ee;font-size:15px;font-weight:800}.party-invitation-friend{position:relative;flex:0 0 110px;height:130px}.party-invitation-friend .crayon-sprite{display:block;width:105px;height:125px}.party-invitation-friend>span:last-child{position:absolute;right:-3px;top:0;color:#8052ad;font-size:32px}.party-invitation>.party-invitation-star{font-size:34px;color:#ae5364}.party-invitation:hover .party-invitation-copy>b{background:#245977}@media(max-width:600px){.party-invitation{padding:23px 18px;gap:12px}.party-invitation-friend{flex-basis:58px;height:86px}.party-invitation-friend .crayon-sprite{width:58px;height:82px}.party-invitation-friend>span:last-child{font-size:21px}.party-invitation>.party-invitation-star{display:none}.party-invitation-copy>span{font-size:13px}.party-invitation-copy>b{font-size:13px;padding:11px 12px}.party-invitation-copy>small{font-size:11px}}