@import"https://fonts.googleapis.com/css2?family=Great+Vibes:wght@400&family=Allura:wght@400&family=Pacifico:wght@400&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{min-height:100vh}audio::-webkit-media-controls-panel{background-color:#ffffff1a}audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-pause-button{background-color:#fffc;border-radius:50%}.christmas-bg,.christmas-bg-preview{background:linear-gradient(135deg,#0f4c3a,#1a5d47,#0f4c3a,#2c5530,#0f4c3a);background-size:400% 400%;animation:christmas-gradient 8s ease infinite;position:relative;min-height:100vh;height:100%}.christmas-bg:before,.christmas-bg-preview:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 50%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 40% 20%,rgba(255,255,255,.08) 2px,transparent 2px),radial-gradient(circle at 60% 80%,rgba(255,255,255,.08) 2px,transparent 2px);background-size:100px 100px,100px 100px,150px 150px,150px 150px;animation:snow-fall 20s linear infinite}@keyframes christmas-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes snow-fall{0%{transform:translateY(-100px)}to{transform:translateY(100px)}}.audio-player{background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 640px){.christmas-bg{background-attachment:scroll}}@media (max-width: 480px){h1{font-size:2.5rem!important}.text-lg{font-size:1rem!important}.text-xl{font-size:1.125rem!important}}