.visualizer-container{display:flex;align-items:flex-end;justify-content:space-between;width:350px;height:120px;padding:5px;border-radius:4px;margin-top:20px;position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:5}.visualizer-bar{background-color:#ffffffb3;flex-grow:1;margin:0 2px;border-radius:3px 3px 0 0;min-height:2%;transition:height .05s ease-out}@media (max-width: 768px){.visualizer-container{width:600px;height:300px;bottom:25px}.visualizer-bar{margin:0 1.5px}}@media (max-width: 480px){.visualizer-container{width:300px;max-width:90%;height:180px;bottom:20px;padding:3px}.visualizer-bar{margin:0 1px;border-radius:2px 2px 0 0}}body,html{margin:0;padding:0;overflow:hidden;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fbc2eb,#a6c1ee);background-size:200% 200%;animation:bgGradient 20s ease infinite}@keyframes bgGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;cursor:default;padding:10px;box-sizing:border-box}.canvas-wrapper{width:60vw;height:60vw;max-width:350px;max-height:350px;filter:drop-shadow(0 10px 30px rgba(223,105,180,.5));z-index:1}.love-text-words{color:#fff;font-size:3rem;font-weight:700;margin-top:25px;text-align:center;z-index:20;position:relative}.love-text-words span{display:inline-block;opacity:0;transform:translateY(30px) scale(.8);margin:0 .05em;animation:wordEnter .8s cubic-bezier(.215,.61,.355,1) forwards;will-change:transform,opacity}.love-text-words span:nth-child(1){animation-delay:.5s}.love-text-words span:nth-child(2){animation-delay:.9s}.love-text-words span:nth-child(3){animation-delay:1.3s}@keyframes wordEnter{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textPulsate{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.love-text-words.all-words-entered{--glow-color: #ff69b4;animation:gentlePulseGlow 2.5s ease-in-out infinite,textPulsate 1.2s ease-in-out infinite;will-change:text-shadow,transform}@keyframes gentlePulseGlow{0%,to{text-shadow:0 0 5px #fff,0 0 10px var(--glow-color),0 0 20px var(--glow-color)}50%{text-shadow:0 0 8px #fff,0 0 15px var(--glow-color),0 0 30px var(--glow-color)}}.barrage-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.lyric-bubble{position:absolute;background-color:#ffffff40;color:#fff;padding:15px 22px;border-radius:25px;border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 35px #1f268733;font-size:1.05rem;font-weight:400;max-width:280px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:bubbleAppearDriftFade 8s ease-in-out forwards}@keyframes bubbleAppearDriftFade{0%{opacity:0;transform:scale(.6) translateY(30px)}15%{opacity:1;transform:scale(1) translateY(0)}60%{opacity:1;transform:scale(1.05) translateY(-30px)}to{opacity:0;transform:scale(.5) translateY(-60px)}}@media (max-width: 768px){.canvas-wrapper{width:70vw;height:70vw;max-width:300px;max-height:300px}.love-text-words{font-size:2.5rem;margin-top:20px}.lyric-bubble{font-size:.95rem;padding:12px 18px;max-width:220px;border-radius:20px}}@media (max-width: 480px){.app-container{padding:5px}.canvas-wrapper{width:75vw;height:75vw;max-width:220px;max-height:220px;filter:drop-shadow(0 8px 20px rgba(223,105,180,.4))}.love-text-words{font-size:2rem;margin-top:15px}.love-text-words span{margin:0 .03em}.lyric-bubble{font-size:.85rem;padding:10px 15px;max-width:180px;border-radius:18px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 15px #1f26871a}}