*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:#fff;background:#160616;overflow-x:hidden}button,input,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.aurora{position:fixed;inset:-25%;z-index:0;background:radial-gradient(circle at 18% 8%,rgba(255,65,139,.55),transparent 26%),radial-gradient(circle at 88% 2%,rgba(91,92,255,.45),transparent 29%),radial-gradient(circle at 48% 88%,rgba(255,180,92,.18),transparent 34%),linear-gradient(145deg,#10030f,#281038 46%,#090d24);filter:saturate(150%);animation:aurora 16s ease-in-out infinite alternate}.love .aurora{background:radial-gradient(circle at 20% 10%,rgba(144,255,227,.45),transparent 25%),radial-gradient(circle at 80% 5%,rgba(154,212,255,.4),transparent 24%),radial-gradient(circle at 48% 88%,rgba(255,252,198,.18),transparent 32%),linear-gradient(145deg,#06201d,#12343c 44%,#102238)}.heart-floaters{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1}.app-shell{position:relative;z-index:2;width:min(100% - 14px,460px);margin:0 auto;padding:14px 0 28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.info-button,.mode-switch{height:48px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 14px 30px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.18)}.info-button{width:48px;font-size:1.2rem;font-weight:800}.mode-switch{position:relative;width:84px;padding:0}.mode-track{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,rgba(255,91,159,.45),rgba(121,108,255,.35))}.love .mode-track{background:linear-gradient(90deg,rgba(92,241,209,.45),rgba(121,201,255,.35))}.mode-knob{position:absolute;top:4px;left:40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ff5e97;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.25);transition:.35s}.love .mode-knob{left:4px;color:#2db6a1}.cover-wrap{padding:4px 0 14px;perspective:1300px}.flip-card{position:relative;width:100%;aspect-ratio:1/1;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.flip-card.flipped{transform:rotateY(180deg)}.flip-card.intro-peek{animation:introPeek 2.2s ease 0s 1}@keyframes introPeek{0%,100%{transform:rotateY(0deg)}20%{transform:rotateY(-8deg)}45%{transform:rotateY(6deg)}70%{transform:rotateY(-3deg)}}.flip-face{position:absolute;inset:0;border-radius:32px;overflow:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);box-shadow:0 40px 85px rgba(0,0,0,.5),0 18px 38px rgba(255,88,157,.16),inset 0 1px 0 rgba(255,255,255,.15)}.front-face:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 30%,rgba(0,0,0,.16));pointer-events:none}.front-face img{width:100%;height:100%;object-fit:cover}.cover-play{position:absolute;right:16px;bottom:16px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:rgba(14,8,18,.55);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14)}.cover-play span,.main-play span{display:block;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #fff;margin-left:4px}.playing .cover-play span,.playing .main-play span{width:18px;height:18px;border:none;background:linear-gradient(90deg,#fff 0 40%,transparent 40% 60%,#fff 60% 100%);margin-left:0}.back-face{transform:rotateY(180deg);padding:26px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(22,6,26,.92),rgba(28,8,34,.86));gap:8px}.back-face p{margin:0;color:rgba(255,255,255,.76);line-height:1.46}.back-face h1{margin:0 0 6px;font-size:2rem}.back-face small{margin-top:8px;color:rgba(255,255,255,.62)}.script{font-family:"Great Vibes",cursive;font-size:3rem;color:#ff8eb7}.close-back{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1)}.player-card{padding:18px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06) 40%,rgba(0,0,0,.14)),radial-gradient(circle at 20% 0%,rgba(255,113,161,.22),transparent 38%),radial-gradient(circle at 100% 100%,rgba(112,117,255,.2),transparent 42%);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(22px);box-shadow:0 45px 95px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -24px 50px rgba(0,0,0,.14)}.song-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.eyebrow{margin:0 0 6px;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.58);font-weight:900}.song-head h2{margin:0;font-family:"Great Vibes",cursive;font-size:3.6rem;font-weight:400;line-height:.9}.song-head span{display:block;margin-top:6px;color:rgba(255,255,255,.62);font-size:.92rem}.love-button{width:74px;height:74px;flex:0 0 74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),rgba(255,255,255,.15) 30%,transparent 32%),linear-gradient(180deg,#ff728d,#d91b4c 80%);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 34px rgba(255,63,101,.42),0 0 0 8px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -12px 18px rgba(0,0,0,.16);animation:heartGlow 2s ease-in-out infinite}.love-button.pop{transform:scale(1.08)}.special-heart{position:relative;width:30px;height:30px;transform:rotate(-45deg);background:linear-gradient(180deg,#ff6988,#c90f3e);border-radius:8px 0 0 8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 14px rgba(124,0,29,.35)}.special-heart:before,.special-heart:after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.special-heart:before{top:-15px;left:0}.special-heart:after{top:0;left:15px}@keyframes heartGlow{0%,100%{transform:scale(1);box-shadow:0 16px 34px rgba(255,63,101,.42),0 0 0 8px rgba(255,255,255,.05),0 0 18px rgba(255,82,124,.35),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -12px 18px rgba(0,0,0,.16)}50%{transform:scale(1.05);box-shadow:0 20px 42px rgba(255,63,101,.52),0 0 0 10px rgba(255,255,255,.06),0 0 28px rgba(255,82,124,.56),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -12px 18px rgba(0,0,0,.16)}}.waveform{display:flex;align-items:flex-end;gap:3px;height:74px;margin:8px 0 12px}.waveform i{display:block;width:calc((100% - 153px)/52);min-width:3px;height:var(--h);border-radius:999px;background:linear-gradient(180deg,#ff77a8,#926eff);opacity:.78;animation:bar 1s ease-in-out infinite alternate}.waveform i:nth-child(odd){animation-duration:1.25s}.playing .waveform i{opacity:1}.time-row{display:grid;grid-template-columns:40px 1fr 40px;gap:10px;align-items:center}.time-row span{font-size:.84rem;color:rgba(255,255,255,.62);font-weight:800}.seek,.volume-row input{-webkit-appearance:none;appearance:none;height:7px;border-radius:999px;outline:none}.seek{background:linear-gradient(90deg,#ff6f9d,#8f6fff)}.seek::-webkit-slider-thumb,.volume-row input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid #d94b8b;box-shadow:0 8px 18px rgba(0,0,0,.28)}.seek::-moz-range-thumb,.volume-row input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid #d94b8b}.transport{display:flex;justify-content:center;align-items:center;gap:14px;margin:16px 0}.transport button{width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);font-weight:900;box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -10px 14px rgba(0,0,0,.12)}.transport .main-play{width:90px;height:90px;background:linear-gradient(180deg,#ff6f9e,#9b6dff);box-shadow:0 22px 44px rgba(255,84,148,.34),0 0 0 10px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.28)}.volume-row{display:grid;grid-template-columns:58px 1fr 52px;gap:10px;align-items:center;background:rgba(0,0,0,.18);padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 28px rgba(0,0,0,.18)}.volume-row button{height:40px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);font-weight:900;font-size:.74rem;letter-spacing:.08em}.volume-row input{background:linear-gradient(90deg,#ff6d9d,#9c70ff,#54d1ff)}.volume-row strong{text-align:right;font-size:.84rem;color:rgba(255,255,255,.66)}.icons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.icon-button{min-height:82px;border-radius:24px;padding:12px 10px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center}.icon-button .label{font-size:.82rem;font-weight:800}.icon-button small,.icon-button strong{font-size:.72rem;color:rgba(255,255,255,.68);font-weight:900}.icon-sigil{display:grid;place-items:center;width:34px;height:34px;border-radius:12px}.heart-icon{background:linear-gradient(180deg,#ff6d99,#8f6fff);color:#fff;font-size:1.1rem}.bubble-icon{background:linear-gradient(180deg,#65d9ff,#4a9fff);color:#08203b;font-weight:900}.brand-facebook{background:#1877f2;color:#fff;font-size:1.35rem;font-family:Arial,sans-serif;font-weight:900}.brand-instagram{position:relative;background:linear-gradient(135deg,#feda75,#fa7e1e 25%,#d62976 55%,#962fbf 80%,#4f5bd5)}.brand-instagram:before{content:"";width:16px;height:16px;border:2px solid #fff;border-radius:5px}.brand-instagram:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;right:8px;top:8px}.brand-tiktok{background:#0b0b0b;color:#fff;font-size:1.15rem;text-shadow:-1px 0 #25f4ee,1px 0 #fe2c55}.copy-icon{background:linear-gradient(180deg,#d4d0ff,#8f86ff);color:#12072a;font-weight:900}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stats div{padding:14px 8px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 34px rgba(0,0,0,.16);text-align:center}.stats strong{display:block;font-size:1.08rem;letter-spacing:.08em;font-weight:900}.stats span{display:block;margin-top:4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.62);font-weight:900}.message-board{margin-top:16px;padding:18px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);box-shadow:0 22px 55px rgba(0,0,0,.26)}.section-title p{margin:0;color:rgba(255,255,255,.56);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:900}.section-title h2{margin:4px 0 14px;font-family:"Great Vibes",cursive;font-size:3rem;font-weight:400}.message-board form{display:grid;gap:10px}.hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}.message-board input[type=text],.message-board textarea{width:100%;padding:14px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:#fff;outline:none}.message-board textarea{min-height:102px;resize:vertical}.message-board input::placeholder,.message-board textarea::placeholder{color:rgba(255,255,255,.42)}.message-board label{font-size:.92rem;color:rgba(255,255,255,.62)}.message-board form button{padding:14px 16px;border-radius:999px;background:linear-gradient(180deg,#ff6f9e,#956fff);font-weight:900;letter-spacing:.05em;box-shadow:0 18px 36px rgba(255,88,151,.24)}#formMessage{min-height:18px;color:#ffc0d3;font-weight:700}.message-list{margin-top:16px;display:grid;gap:10px}.message-list article{padding:14px;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.1)}.message-list strong span{color:#ff78a7}.message-list p{margin:8px 0;color:rgba(255,255,255,.72);line-height:1.45}.message-list small{color:rgba(255,255,255,.5)}.footer-block{display:grid;gap:12px;justify-items:center;padding:24px 0 8px}.donate-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:24px;background:linear-gradient(145deg,#11c766,#0d9f50);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 46px rgba(14,153,72,.34),inset 0 1px 0 rgba(255,255,255,.25)}.cashapp-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#11c766;font-weight:900;font-size:1.5rem;box-shadow:0 8px 16px rgba(0,0,0,.18)}.donate-copy{display:flex;flex-direction:column;gap:2px}.donate-copy strong{font-size:1rem}.donate-copy small{color:rgba(255,255,255,.88)}.producer-credit{text-align:center;color:rgba(255,255,255,.6);font-weight:800}.hint-panel{position:fixed;left:50%;bottom:16px;z-index:30;width:min(520px,calc(100% - 24px));transform:translate(-50%,120%);transition:.35s cubic-bezier(.2,.8,.2,1);padding:24px;border-radius:28px;background:rgba(18,6,24,.9);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(24px);box-shadow:0 30px 80px rgba(0,0,0,.5)}.hint-panel.open{transform:translate(-50%,0)}.hint-panel button{position:absolute;right:12px;top:10px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);font-size:1.35rem}.hint-panel h2{font-family:"Great Vibes",cursive;font-size:3rem;font-weight:400;margin:0 0 8px}.hint-panel p{color:rgba(255,255,255,.72);line-height:1.45}.toast{position:fixed;left:50%;bottom:18px;z-index:40;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:rgba(0,0,0,.74);color:#fff;border:1px solid rgba(255,255,255,.14);padding:12px 16px;border-radius:999px;transition:.25s;box-shadow:0 18px 40px rgba(0,0,0,.32)}.toast.show{opacity:1;transform:translate(-50%,0)}.floating-heart{position:fixed;z-index:25;font-size:24px;pointer-events:none;animation:floatUp 1.85s ease-out forwards;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}.falling{position:absolute;top:-10vh;pointer-events:none;animation:fall linear forwards}@keyframes aurora{to{transform:scale(1.05) rotate(2deg);filter:hue-rotate(10deg) saturate(165%)}}@keyframes bar{to{transform:scaleY(1.35);opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,0) scale(.7)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-140px) scale(1.8)}}@keyframes fall{to{transform:translate3d(var(--shift),110vh,0) rotate(360deg)}}@media(max-width:430px){.app-shell{width:min(100% - 12px,430px)}.flip-face{border-radius:28px}.player-card{padding:16px;border-radius:28px}.song-head h2{font-size:3rem}.cover-play{width:68px;height:68px}.transport{gap:12px}.transport button{width:58px;height:58px}.transport .main-play{width:86px;height:86px}.icons-grid{gap:8px}.icon-button{padding:12px 8px;min-height:78px}.stats strong{font-size:1rem}.section-title h2{font-size:2.7rem}.donate-card{padding:14px 16px}}