.cm-skip-intro{position:fixed;right:24px;bottom:24px;z-index:10000;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 24px #00000059;font:500 13px/1.1 ui-sans-serif,system-ui,-apple-system,Bricolage Grotesque,Segoe UI,Roboto,sans-serif;letter-spacing:.02em;cursor:pointer;user-select:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.cm-skip-intro:hover{transform:translateY(-1px);background:#ffffff14;border-color:#ffffff47;box-shadow:0 10px 28px #00000073}.cm-skip-intro:active{transform:translateY(0);background:#ffffff0f}.cm-skip-intro:focus-visible{outline:none;box-shadow:0 0 0 2px #000c,0 0 0 4px #ffffffe6}.cm-skip-intro__icon{opacity:.9;transform:translate(0);transition:transform .16s ease}.cm-skip-intro:hover .cm-skip-intro__icon{transform:translate(1px)}.cm-skip-intro__label{text-transform:none;white-space:nowrap}@media (max-width: 640px){.cm-skip-intro{left:50%;right:auto;transform:translate(-50%);padding:12px 18px;bottom:18px}}.collapsed-button-playing{box-shadow:0 0 15px #22c55e4d,0 0 25px #22c55e33}.collapsed-button-idle{box-shadow:0 8px 25px #0003}@keyframes equalizerPulse{0%,to{transform:scaleY(.3);opacity:.6}50%{transform:scaleY(1);opacity:1}}.equalizer-bar{animation:equalizerPulse 1.2s ease-in-out infinite;transform-origin:bottom}.equalizer-bar:nth-child(1){animation-delay:0s}.equalizer-bar:nth-child(2){animation-delay:.1s}.equalizer-bar:nth-child(3){animation-delay:.2s}.equalizer-bar:nth-child(4){animation-delay:.3s}.equalizer-bar:nth-child(5){animation-delay:.4s}.equalizer-bar:nth-child(6){animation-delay:.5s}.equalizer-bar:nth-child(7){animation-delay:.6s}.equalizer-bar:nth-child(8){animation-delay:.7s}.beatdock-cta--primary{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:.65rem 1.15rem;border-radius:9999px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(155deg,#ffffff24,#fff0 45%),linear-gradient(135deg,#065f788c,#0f172aeb 55%,#082f49bf);box-shadow:0 2px 4px #00000059,0 12px 36px -8px #06b6d440,inset 0 1px #ffffff1f;color:#f8fafc;font-size:.8125rem;font-weight:600;letter-spacing:.03em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}@media (min-width: 768px){.beatdock-cta--primary{padding:.75rem 1.5rem;font-size:.875rem}}.beatdock-cta__shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%,transparent 100%);background-size:220% 100%;background-position:100% 0;opacity:0;pointer-events:none;transition:opacity .35s ease}.beatdock-cta__label{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.45)}@media (hover: hover) and (pointer: fine){.beatdock-cta--primary:hover{transform:translateY(-2px) scale(1.03);border-color:#a5f3fc73;box-shadow:0 4px 8px #0000004d,0 16px 40px -10px #22d3ee59,inset 0 1px #ffffff2e}.beatdock-cta--primary:hover .beatdock-cta__shine{opacity:1;animation:beatdock-cta-shimmer 1.1s ease-in-out infinite}}.beatdock-cta--primary:active{transform:translateY(0) scale(.98)}.beatdock-cta--primary:focus-visible{outline:none;box-shadow:0 0 0 2px #0f172af2,0 0 0 5px #22d3ee73}.beatdock-player{position:relative;background:linear-gradient(155deg,#ffffff24,#fff0 45%),linear-gradient(135deg,#065f788c,#0f172aeb 55%,#082f49bf);border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 4px #00000059,0 12px 36px -8px #06b6d440,inset 0 1px #ffffff1f}.beatdock-player:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#22d3ee00,#22d3ee2e 40%,#ffffff1f 55%,#22d3ee00 80%);opacity:.55;mix-blend-mode:screen}.beatdock-control{position:relative;background:linear-gradient(155deg,#ffffff29,#fff0 45%),#0f172ab8;border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px #ffffff24;color:#f8fafc;-webkit-tap-highlight-color:transparent}.beatdock-collapsed{background:linear-gradient(155deg,#ffffff24,#fff0 45%),linear-gradient(135deg,#065f7873,#0f172ae6 55%,#082f49b3);border:1px solid rgba(255,255,255,.22)}.beatdock-collapsed:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#22d3ee00,#22d3ee24 40%,#ffffff1a 55%,#22d3ee00 80%);opacity:.6;mix-blend-mode:screen}.beatdock-control:focus-visible{outline:none;box-shadow:0 0 0 2px #0f172af2,0 0 0 5px #22d3ee73,inset 0 1px #ffffff1f}@media (hover: hover) and (pointer: fine){.beatdock-control:hover{transform:translateY(-1px) scale(1.01);border-color:#a5f3fc80;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff1f}}.beatdock-control--edit{box-shadow:inset 0 1px #ffffff1f,0 6px 18px -10px #22c55e73}.beatdock-control--minimize{background:linear-gradient(155deg,#ffffff1f,#fff0 45%),#94a3b81a}.beatdock-control--play{box-shadow:inset 0 1px #ffffff1f,0 6px 18px -12px #38bdf88c}@media (prefers-reduced-motion: reduce){.beatdock-control:hover{transform:none}}@keyframes beatdock-cta-shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}@media (prefers-reduced-motion: reduce){.beatdock-cta--primary:hover,.beatdock-cta--primary:active{transform:none}.beatdock-cta--primary:hover .beatdock-cta__shine{animation:none;opacity:.35}}