body{isolation:isolate}
#site-view{display:contents}
.ambient{overflow:hidden;contain:none;z-index:0;background:radial-gradient(ellipse at 80% 30%,#4c102541,transparent 62%),#10090c}
#site-view>.home-main,#site-view>.payment-main{position:relative;z-index:1}
.ambient::after{inset:0;background:radial-gradient(ellipse at 42% 45%,#10090c50,transparent 72%);transition:none}
.ambient-haze{position:absolute;width:85vw;height:85vh;border-radius:50%;will-change:transform;opacity:.8}
.ambient-haze-rose{left:-30%;top:15%;background:radial-gradient(ellipse,#9e174536 0%,#8e16321c 40%,transparent 69%);animation:velvet-breathe 19s ease-in-out infinite alternate}
.ambient-haze-wine{right:-27%;top:-30%;background:radial-gradient(ellipse,#e5456030 0%,#6c17322c 38%,transparent 70%);animation:velvet-breathe 25s -11s ease-in-out infinite alternate-reverse}
.ambient-silk{position:absolute;inset:-10%;width:120%;height:120%;max-width:none;opacity:.9}
.silk-fold{transform-box:fill-box;transform-origin:center;will-change:transform}
.silk-fold-one{animation:silk-drift 22s -8s ease-in-out infinite alternate}
.silk-fold-two{animation:silk-embrace 28s -13s ease-in-out infinite alternate}
.silk-fold-three{opacity:.7;animation:silk-drift 32s -19s ease-in-out infinite alternate-reverse}
@keyframes velvet-breathe{from{transform:translate3d(-7%,-4%,0) scale(.9);opacity:.6}to{transform:translate3d(14%,12%,0) scale(1.15);opacity:1}}
@keyframes silk-drift{from{transform:translate3d(-3%,3%,0) rotate(-7deg) scale(1.02)}to{transform:translate3d(5%,-4%,0) rotate(5deg) scale(1.13)}}
@keyframes silk-embrace{from{transform:translate3d(5%,-3%,0) rotate(5deg) scale(1.08)}to{transform:translate3d(-5%,6%,0) rotate(-6deg) scale(.98)}}
.music-toggle{position:fixed;left:5%;bottom:21px;z-index:45;width:30px;height:30px;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #efa2bc45;background:#28121dcc;color:#e6b7c9;transition:color .2s,background .2s,box-shadow .2s}
.music-toggle:hover{color:#fff0f5;background:#63213c;box-shadow:0 0 18px #ec557a2e}
.music-toggle svg{width:17px;height:17px}
.music-toggle .music-waves{display:none}
.music-toggle.is-playing .music-waves{display:inline}
.music-toggle.is-playing .music-off{display:none}
.music-toggle.is-playing{color:#ffd2df;border-color:#f391b06b}
.music-enabled .home-footer>span:first-child,.music-enabled .pay-footer>span:first-child{padding-left:42px}
.pay-page .music-toggle{width:24px;height:24px;padding:3px;bottom:calc(4px + env(safe-area-inset-bottom))}
.music-enabled .pay-page .pay-footer>span:first-child{padding-left:32px}
#site-view main:focus,#site-view h1:focus,#site-view h2:focus{outline:none}
@media(max-height:750px) and (min-width:761px){.home-page .music-toggle{bottom:13px}}
@media(max-width:760px){.home-page .music-toggle{bottom:8px}.ambient-silk{width:160%;left:-30%;opacity:.8}}
@media(max-width:760px) and (max-height:720px){.home-page .music-toggle{bottom:4px}}
@media(max-height:480px) and (orientation:landscape){.home-page .music-toggle{bottom:1px}}
@media(max-width:760px) and (max-height:740px){.pay-page .music-toggle{bottom:env(safe-area-inset-bottom)}}
@media(min-width:560px) and (max-height:360px){.pay-page .music-toggle{width:20px;height:20px;bottom:env(safe-area-inset-bottom);padding:2px}.pay-page .music-toggle svg{width:14px;height:14px}.music-enabled .pay-page .pay-footer>span:first-child{padding-left:28px}}
/* Touch devices use one pre-rendered layer instead of animating large SVG groups.
   Its size stays steady as the mobile browser's address bar opens and closes. */
@media(max-width:760px),(hover:none) and (pointer:coarse){
  .ambient{bottom:auto;height:100vh;height:100lvh}
  .ambient-haze,.ambient-silk{display:none;animation:none;will-change:auto}
  .silk-fold{animation:none;will-change:auto}
  .ambient::before{content:'';position:absolute;inset:-18px;background:var(--mobile-satin) center/cover no-repeat;opacity:1;animation:mobile-satin-drift 28s ease-in-out infinite alternate;will-change:transform}
  .ambient::after{display:none}
  .grain{display:none}
  .pay-page .checkout-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(140deg,#321723f2,#211019f7)}
  .social-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@keyframes mobile-satin-drift{from{transform:translate3d(-8px,-5px,0)}to{transform:translate3d(8px,5px,0)}}
@media(prefers-reduced-motion:reduce){.ambient-haze,.silk-fold,.ambient::before{animation:none!important;will-change:auto}.ambient-silk{opacity:.65}}
