#petal-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40;overflow:hidden}.petal{position:absolute;background:radial-gradient(circle,#ffb7c5,#ffe4e1 70%,#fff0f2);border-radius:150% 0;opacity:.85;pointer-events:none;animation:fall linear infinite;box-shadow:0 2px 8px #ffb7c566}@keyframes fall{0%{opacity:.95;top:-10%;transform:translate(0) rotate(0) scale(.8)}50%{opacity:.85;transform:translate(80px) rotate(180deg) scale(1.1)}to{opacity:.15;top:110%;transform:translate(-40px) rotate(360deg) scale(.7)}}.scroll-reveal{opacity:0;transform:translateY(40px) scale(.97);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-reveal.revealed{opacity:1;transform:translateY(0) scale(1)}.liquid-gold-glow{position:relative;overflow:hidden}.liquid-gold-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 30%,rgba(255,246,186,.35) 50%,transparent 70%);transform:rotate(30deg);animation:liquidShimmer 4s ease-in-out infinite}@keyframes liquidShimmer{0%{transform:translate(-100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}.music-btn-floating{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#c47b85,#d8aa78);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #c47b8580;z-index:50;cursor:pointer;border:2px solid #FFFBF7;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.music-btn-floating:hover{transform:scale(1.12) rotate(12deg);box-shadow:0 14px 35px #c47b85b3}.music-spin{animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.korean-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 0}.korean-divider:before,.korean-divider:after{content:"";height:1px;width:70px;background:linear-gradient(90deg,transparent,#D8AA78,transparent)}.card-interactive{transition:all .4s cubic-bezier(.16,1,.3,1)}.card-interactive:hover{transform:translateY(-4px);box-shadow:0 16px 35px #c47b852e}
