:root{color:#fff7ff;background:#07091d;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.birthday-shell{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1fr);align-items:center;width:100vw;height:100dvh;min-height:620px;overflow:hidden;isolation:isolate}.scene-background{position:absolute;inset:0;z-index:-5;background:linear-gradient(90deg,#08091f61,#08091f08 42%,#08091f47),url(/assets/birthday-scene.png) center / cover no-repeat,radial-gradient(circle at 50% 26%,#5263bd 0 9%,#101947 38%,#08091c);transform:scale(1.012)}.scene-background:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 42% 11%,rgba(255,244,255,.45),transparent 12%),linear-gradient(180deg,transparent 54%,rgba(6,8,25,.72) 100%)}.moon-bloom{position:absolute;top:3vh;left:33vw;z-index:-3;width:clamp(120px,18vw,260px);aspect-ratio:1;border-radius:50%;background:#fff0ff33;filter:blur(28px);animation:moonPulse 7s ease-in-out infinite}.greeting-panel{position:relative;z-index:2;width:min(94%,560px);margin-left:clamp(22px,4.6vw,84px);margin-top:-7vh;text-align:center;color:#fff5ff;text-shadow:0 0 16px rgba(255,119,225,.74),0 2px 18px rgba(4,7,30,.9)}.greeting-panel:before{content:"";position:absolute;inset:-28px -32px;z-index:-1;border-radius:48%;background:radial-gradient(ellipse at 50% 40%,rgba(9,8,31,.68),rgba(9,8,31,.44) 56%,transparent 74%),linear-gradient(90deg,rgba(7,7,28,.52),transparent);filter:blur(4px)}.dedication{display:flex;gap:14px;align-items:center;justify-content:center;margin-bottom:20px;font-size:clamp(.8rem,1.1vw,1.05rem);letter-spacing:0}.greeting-panel h1{margin:0 0 44px;font-size:clamp(3.6rem,6.1vw,7.1rem);font-style:italic;font-weight:400;line-height:.8}.greeting-panel h1 span{display:block}.greeting-panel h1 span:first-child{margin-bottom:clamp(1.4rem,2.6vw,2.4rem)}.greeting-panel h1 span:nth-child(2){margin-bottom:.6rem}.message{width:min(430px,100%);margin:0 auto;font-size:clamp(1rem,1.45vw,1.32rem);line-height:1.45}.heart-rule{display:flex;align-items:center;gap:10px;width:min(410px,88%);margin:20px auto 14px;color:#ff9fdd}.heart-rule span{height:2px;flex:1;background:linear-gradient(90deg,transparent,#f2a4db,transparent)}.spanish{width:min(470px,100%);margin:0 auto;color:#ffc1e9;font-size:clamp(1.15rem,1.75vw,1.7rem);font-style:italic;line-height:1.35}.bottom-whisper{display:none}.music-stack{position:absolute;z-index:5;right:clamp(18px,3vw,58px);top:50%;display:grid;gap:14px;width:min(430px,31vw);max-height:calc(100dvh - 28px);transform:translateY(-45%)}.player-card{position:relative;overflow:hidden;border:1px solid rgba(250,178,255,.48);border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 22% 4%,rgba(255,144,221,.16),transparent 35%),linear-gradient(145deg,#0d1236e6,#080820d6);box-shadow:0 18px 50px #02031470,0 0 28px #6757ff47,inset 0 0 34px #ffa1ed1a;-webkit-backdrop-filter:blur(20px) saturate(1.18);backdrop-filter:blur(20px) saturate(1.18)}.player-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 34%,rgba(255,255,255,.09) 45%,transparent 58%);transform:translate(-65%);animation:cardSheen 8s ease-in-out infinite}.now-playing{padding:clamp(14px,1.55vw,18px)}.card-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(244,194,255,.22);color:#ffb9ee;font-size:clamp(1rem,1.3vw,1.18rem)}.card-title span{display:inline-flex;align-items:center;gap:6px}.track-row{position:relative;z-index:1;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:12px 0 8px}.album-art{display:grid;width:72px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,221,255,.68);border-radius:8px;background:radial-gradient(circle at 72% 20%,#ff9fd7 0 .35rem,transparent .38rem),radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),transparent 36%),linear-gradient(135deg,#fff7fa,#dbcfff);color:#b9204c;font-size:2.35rem;box-shadow:0 12px 24px #04071e5c}.youtube-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff7faeb,#dbcfffeb)}.local-audio-art{display:grid;width:100%;height:100%;place-items:center;color:#8d2056;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.95),transparent 34%),linear-gradient(135deg,#fff7fa,#dbcfff)}.youtube-host{width:200px;height:200px;transform:scale(.36);transform-origin:top left}.youtube-host iframe{width:200px;height:200px;border:0;border-radius:7px}.youtube-host iframe{display:block}.track-row h2{margin:0;font-size:clamp(1rem,1.25vw,1.24rem);line-height:1.3}.seek-control input,.volume-row input{width:100%;accent-color:#ff8bd3}.seek-control input{--progress: 0%;height:7px;appearance:none;border-radius:999px;background:linear-gradient(90deg,#ff90d4 var(--progress),rgba(255,255,255,.24) var(--progress))}.seek-control input::-webkit-slider-thumb{width:15px;height:15px;appearance:none;border-radius:50%;background:#fff3ff;box-shadow:0 0 12px #ff8bd3}.time-row,.volume-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f9e3ff;font-size:.94rem}.slider-root{position:relative;z-index:1;display:flex;align-items:center;width:100%;height:20px;touch-action:none;-webkit-user-select:none;user-select:none}.slider-track{position:relative;flex:1;height:7px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff2e;box-shadow:inset 0 1px 4px #02031459}.slider-range{position:absolute;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8fd7,#ffd1ee);box-shadow:0 0 16px #ff89d6b8}.slider-thumb{display:block;width:15px;height:15px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:#ffeffb;box-shadow:0 0 0 5px #ff77cd1f,0 0 16px #ff99e0d1}.slider-thumb:focus-visible{outline:2px solid #ffe1f7;outline-offset:3px}.controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:10px 0 6px}.controls button,.volume-row button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:transparent;color:#fff8ff;cursor:pointer;text-shadow:0 0 12px rgba(255,152,226,.8);transition:transform .18s ease,color .18s ease,background .18s ease}.controls button:hover,.volume-row button:hover{transform:translateY(-1px);color:#ffd3f2;background:#ffffff12}.controls .play-button{width:62px;height:62px;background:radial-gradient(circle at 35% 25%,#ffd0eb,#ff79c9 58%,#d45cff);box-shadow:0 0 0 8px #ff7cd31f,0 0 34px #ff6cc5c7;font-size:1.45rem}.controls .play-button svg{transform:translate(1px)}.controls .play-button[aria-label=Pause] svg{transform:none}.volume-row{justify-content:center}.volume-control{max-width:210px}.player-error{margin:10px 0 0;color:#ffd4e2;font-size:.92rem}.playlist{padding:clamp(12px,1.3vw,16px)}.playlist ol{display:grid;gap:0;margin:0;padding:9px 0 0;list-style:none}.playlist button{display:grid;grid-template-columns:24px 1fr 22px;gap:12px;align-items:center;width:100%;min-height:34px;border:0;border-bottom:1px solid rgba(244,194,255,.12);background:transparent;color:#fff5ff;text-align:left;cursor:pointer;font-size:.92rem}.playlist strong{overflow:hidden;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.playlist .is-selected button{color:#ffb8ed;text-shadow:0 0 12px rgba(255,142,221,.7)}.equalizer{display:flex;gap:4px;height:22px;align-items:end;margin-top:8px}.equalizer i{width:4px;height:7px;border-radius:4px;background:#ff99da;opacity:.45;transition:height .18s ease,opacity .18s ease}.equalizer.is-active i{opacity:1}.ghost-field{position:absolute;inset:0;pointer-events:none}.asset-ghost,.ghost{position:absolute;z-index:3;filter:drop-shadow(0 0 18px rgba(255,216,255,.75))}.asset-ghost{width:clamp(70px,8vw,130px);object-fit:contain}.ghost-left-img{left:34%;top:26%;animation:hoverLeft 5.7s ease-in-out infinite}.ghost-right-img{right:24%;top:18%;animation:hoverRight 6.2s ease-in-out infinite}.ghost{display:block;width:clamp(68px,7vw,118px);aspect-ratio:1.08;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 34% 24%,#fff,#eadcff 72%)}.ghost:before,.ghost:after{content:"";position:absolute;top:48%;width:24%;height:24%;border-radius:50%;background:inherit}.ghost:before{left:-12%}.ghost:after{right:-12%}.ghost-left{left:34%;top:28%;animation:hoverLeft 5.7s ease-in-out infinite}.ghost-right{right:24%;top:19%;animation:hoverRight 6.2s ease-in-out infinite}.eye{position:absolute;top:36%;left:32%;width:9px;height:12px;border-radius:50%;background:#25223c}.eye.second{left:58%}.eye-x{width:auto;height:auto;background:transparent;color:#25223c;font-size:1.3rem;line-height:1}.mouth{position:absolute;left:43%;top:53%;width:22%;height:18%;border-radius:0 0 50% 50%;background:#25223c}.tongue{position:absolute;left:48%;top:62%;width:15%;height:24%;border-radius:0 0 50% 50%;background:#ff79b8}.deer-wrap{position:absolute;left:clamp(10px,2.2vw,44px);bottom:clamp(8px,2.2vh,26px);z-index:6;width:clamp(145px,15vw,235px);aspect-ratio:1164 / 827;height:auto;border:0;background:transparent;cursor:pointer;outline:0}.deer-wrap:focus-visible .deer-image,.deer-wrap:focus-visible .deer-fallback{filter:drop-shadow(0 0 12px rgba(255,210,116,.68)) drop-shadow(0 18px 22px rgba(2,3,15,.5))}.deer-image{position:absolute;inset:0 auto auto 0;width:100%;height:100%;object-fit:cover;object-position:left bottom;border-radius:0;-webkit-mask-image:linear-gradient(90deg,#000 0 82%,transparent 100%);mask-image:linear-gradient(90deg,#000 0 82%,transparent 100%);transform-origin:70% 90%;animation:nibble 2.8s ease-in-out infinite;filter:drop-shadow(0 18px 22px rgba(2,3,15,.5))}.deer-fallback{position:absolute;inset:auto auto 6% 2%;display:block;width:86%;height:70%;animation:nibble 2.8s ease-in-out infinite;filter:drop-shadow(0 18px 22px rgba(2,3,15,.5))}.deer-body,.deer-neck,.deer-head,.deer-ear,.deer-leg,.antler,.grass{position:absolute;display:block}.deer-body{left:4%;bottom:28%;width:58%;height:36%;border-radius:55% 45% 48% 50%;background:linear-gradient(160deg,#b97968,#704135)}.deer-body:after{content:"";position:absolute;inset:16% 14% auto auto;width:42%;height:30%;border-radius:50%;background-image:radial-gradient(#ffe1d6 0 2px,transparent 3px);background-size:18px 13px;opacity:.55}.deer-neck{right:28%;bottom:45%;width:15%;height:36%;border-radius:45%;background:#875141;transform:rotate(-32deg)}.deer-head{right:15%;bottom:32%;width:22%;height:24%;border-radius:55% 45%;background:linear-gradient(160deg,#a96b58,#64362e);transform:rotate(-23deg)}.deer-head:after{content:"";position:absolute;right:10%;bottom:17%;width:7px;height:7px;border-radius:50%;background:#0c0910}.deer-ear{right:28%;bottom:59%;width:9%;height:14%;border-radius:80% 20%;background:#b67866;transform:rotate(35deg)}.antler{right:22%;bottom:65%;width:4px;height:40px;border-radius:4px;background:#e4c3a7;transform-origin:bottom}.antler-left{transform:rotate(-28deg)}.antler-right{right:15%;transform:rotate(10deg)}.deer-leg{bottom:1%;width:5%;height:34%;border-radius:0 0 8px 8px;background:#5e342d}.leg-one{left:18%}.leg-two{left:46%}.grass{right:10%;bottom:0;width:24%;height:12%;background:repeating-linear-gradient(95deg,transparent 0 8px,rgba(156,255,200,.72) 9px 11px,transparent 12px 17px)}.deer-bubble{position:absolute;right:-28%;top:16%;z-index:4;width:min(230px,62vw);padding:15px 18px;border-radius:999px;background:#fffafff0;color:#141426;font-family:ui-sans-serif,system-ui,sans-serif;font-size:clamp(.84rem,1.1vw,1rem);line-height:1.25;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .2s ease,transform .2s ease;box-shadow:0 12px 36px #0c081e52}.deer-bubble:after{content:"";position:absolute;left:18%;bottom:-15px;border:16px solid transparent;border-top-color:#fffafff0;border-right:0}.deer-bubble.is-visible{opacity:1;transform:translateY(0) scale(1)}.atmosphere,.vignette{position:absolute;inset:0;pointer-events:none}.atmosphere{z-index:1}.vignette{background:radial-gradient(circle at center,transparent 45%,rgba(4,5,18,.48) 100%),linear-gradient(90deg,rgba(5,6,20,.3),transparent 36%,rgba(5,6,20,.22))}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff4ff;box-shadow:0 0 10px 3px #ffb5eeb8;animation:twinkle 2.6s ease-in-out infinite}.petal{position:absolute;top:-8%;width:var(--petal-size, 12px);height:calc(var(--petal-size, 12px) * 1.72);border-radius:75% 0 70% 20%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.8),transparent 32%),linear-gradient(160deg,#ff9fdf,#d681ff 58%,#7d6cff);opacity:.78;transform-origin:45% 60%;animation:petalFall 12s cubic-bezier(.37,0,.63,1) infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes moonPulse{50%{transform:scale(1.1);opacity:.75}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.45)}}@keyframes petalFall{0%{transform:translate3d(-6vw,-12vh,0) rotate(0) rotateY(0);opacity:0}12%{opacity:.82}42%{transform:translate3d(calc(var(--drift, 28vw) * .34),42vh,0) rotate(calc(155deg * var(--spin, 1))) rotateY(72deg)}72%{transform:translate3d(calc(var(--drift, 28vw) * .72),78vh,0) rotate(calc(300deg * var(--spin, 1))) rotateY(160deg);opacity:.76}to{transform:translate3d(var(--drift, 28vw),112vh,0) rotate(calc(520deg * var(--spin, 1))) rotateY(230deg);opacity:0}}@keyframes hoverLeft{50%{transform:translateY(-16px) rotate(-3deg)}}@keyframes hoverRight{50%{transform:translateY(18px) rotate(4deg)}}@keyframes nibble{0%,to{transform:rotate(0) translateY(0)}45%{transform:rotate(2deg) translateY(7px)}}@keyframes cardSheen{0%,45%{transform:translate(-70%)}70%,to{transform:translate(85%)}}@media(max-width:1080px){.birthday-shell{grid-template-columns:1fr;min-height:560px}.scene-background{background-position:54% center}.greeting-panel{width:min(48vw,430px);margin-left:22px}.music-stack{right:16px;width:min(370px,42vw)}}@media(max-width:760px){html,body,#root{overflow:hidden}.birthday-shell{min-height:680px}.scene-background{background-position:58% center}.greeting-panel{align-self:start;width:calc(100vw - 24px);max-width:344px;margin:14px 12px 0}.dedication{justify-content:center;gap:10px;margin-bottom:8px;font-size:.76rem}.greeting-panel h1{margin-bottom:14px;font-size:clamp(3rem,14vw,4.7rem);line-height:.92}.greeting-panel h1 span:first-child{margin-bottom:.95rem}.greeting-panel h1 span:nth-child(2){margin-bottom:0}.message{max-width:292px;font-size:.84rem;line-height:1.24}.spanish{max-width:286px;font-size:.88rem;line-height:1.18}.heart-rule{width:min(290px,86%);margin:14px auto 10px}.music-stack{right:12px;bottom:86px;width:min(286px,calc(100vw - 24px));transform:none}.playlist{display:none}.now-playing{padding:9px}.card-title{padding-bottom:8px;font-size:.95rem}.track-row{grid-template-columns:52px 1fr;gap:8px;padding:8px 0 6px}.album-art{width:52px;font-size:1.55rem}.track-row h2{font-size:.84rem;line-height:1.16}.controls{gap:14px;margin:4px 0 2px}.controls button,.volume-row button{width:32px;height:32px}.controls .play-button{width:46px;height:46px}.volume-control{max-width:140px}.time-row,.volume-row{gap:10px;font-size:.8rem}.player-error{margin-top:6px;font-size:.76rem}.ghost-left,.ghost-left-img{left:16%;top:41%}.ghost-right,.ghost-right-img{right:10%;top:32%}.deer-wrap{width:110px;left:-6px;bottom:12px}.deer-bubble{right:-96%;top:-32px;width:170px;padding:10px 12px;font-size:.74rem}.bottom-whisper{display:none}}.ghost-sprite{position:absolute;z-index:3;width:clamp(62px,5.4vw,94px);height:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 15px rgba(255,216,255,.7)) drop-shadow(0 10px 14px rgba(6,5,24,.25))}.ghost-sprite.ghost-left{left:clamp(635px,51vw,700px);top:clamp(305px,44vh,335px);animation:ghostDriftLeft 5.8s ease-in-out infinite}.ghost-sprite.ghost-right{left:clamp(735px,58vw,820px);top:clamp(22px,5vh,40px);width:clamp(58px,5vw,82px);animation:ghostDriftRight 6.4s ease-in-out infinite}.deer-sprite{display:block;width:100%;height:100%;object-fit:contain;transform-origin:78% 82%;animation:deerBodyGraze 3.8s ease-in-out infinite;filter:drop-shadow(0 18px 22px rgba(3,3,18,.46)) drop-shadow(0 0 14px rgba(234,169,255,.24))}.deer-head-group{transform-origin:304px 170px;animation:deerNibbleHead 2.3s ease-in-out infinite}.nibble-grass path{animation:grassSway 1.8s ease-in-out infinite}.nibble-grass path:nth-child(2),.nibble-grass path:nth-child(4){animation-delay:-.7s}.deer-wrap:focus-visible .deer-sprite{filter:drop-shadow(0 0 12px rgba(255,210,116,.68))}@keyframes ghostDriftLeft{0%,to{transform:translateZ(0) rotate(-3deg)}50%{transform:translate3d(-8px,-18px,0) rotate(4deg)}}@keyframes ghostDriftRight{0%,to{transform:translateZ(0) rotate(5deg)}50%{transform:translate3d(10px,16px,0) rotate(-4deg)}}@keyframes deerBodyGraze{0%,to{transform:translateY(0) rotate(0)}44%{transform:translateY(5px) rotate(.8deg)}}@keyframes deerNibbleHead{0%,to{transform:rotate(0) translateY(0)}45%{transform:rotate(3deg) translateY(8px)}}@keyframes grassSway{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}@media(max-width:1080px){.ghost-sprite.ghost-left{left:47vw;top:20vh}.ghost-sprite.ghost-right{left:auto;right:28vw;top:3vh}}@media(max-width:760px){.scene-background{background-position:60% center}.greeting-panel:before{inset:-18px -16px;background:radial-gradient(ellipse at 50% 40%,rgba(9,8,31,.72),rgba(9,8,31,.48) 58%,transparent 76%)}.ghost-sprite{display:block;width:clamp(44px,13vw,58px)}.ghost-sprite.ghost-left{left:3vw;top:35vh}.ghost-sprite.ghost-right{left:auto;right:3vw;top:36vh}.deer-wrap{width:112px;left:-2px;bottom:14px}}@media(max-width:760px)and (max-height:780px){.greeting-panel{margin-top:10px}.dedication{margin-bottom:6px;font-size:.72rem}.greeting-panel h1{margin-bottom:10px;font-size:clamp(2.75rem,13vw,4.2rem)}.message{max-width:274px;font-size:.79rem;line-height:1.2}.heart-rule{margin:10px auto 8px}.spanish{max-width:270px;font-size:.82rem;line-height:1.14}.music-stack{bottom:74px;width:min(272px,calc(100vw - 22px))}.track-row{grid-template-columns:48px 1fr;gap:7px}.album-art{width:48px;font-size:1.35rem}.track-row h2{font-size:.79rem}.controls .play-button{width:42px;height:42px}.deer-wrap{width:102px;bottom:10px}}