.uap{position:relative;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:18px;padding:22px 24px 20px;border-radius:var(--r-gross);background:linear-gradient(180deg,#101915db,#0a110ee6);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #00000040,0 24px 48px -24px #0009;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);color:#fff;-webkit-font-smoothing:antialiased}.uap-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:var(--w-ui);letter-spacing:.01em;color:#ffffffb8;margin:0}.uap-transport{display:flex;align-items:center;gap:26px}.uap-disc-wrap{position:relative;display:grid;place-items:center;width:72px;height:72px}.uap-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:9999px;pointer-events:none;opacity:0;background:radial-gradient(closest-side,color-mix(in srgb,var(--teal) 45%,transparent),transparent 72%);transition:opacity .48s ease}.uap[data-playing] .uap-glow{opacity:1;animation:uap-breathe 3.6s ease-in-out infinite}@keyframes uap-breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:1}}.uap-disc{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;padding:0;border-radius:9999px;border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 86%,white),color-mix(in srgb,var(--teal) 82%,black));color:#fff;cursor:pointer;box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #ffffff14,0 1px 2px #0000004d,0 14px 32px -12px #0009;transition:transform .18s var(--fluid-out),box-shadow .18s var(--fluid-out)}.uap-disc:hover:not(:disabled){transform:scale(1.045)}.uap-disc:active:not(:disabled){transform:scale(.97)}.uap-disc:disabled{opacity:.55;cursor:default}.uap-play-icon{margin-left:3px}.uap-skip{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;box-shadow:inset 0 1px #ffffff14;color:#ffffffd1;font-family:inherit;font-size:12px;font-weight:var(--w-strong);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .16s var(--fluid-out),color .16s var(--fluid-out),border-color .16s var(--fluid-out)}.uap-skip:hover:not(:disabled){background:#ffffff1f;color:#fff;border-color:#ffffff42}.uap-skip:disabled{opacity:.45;cursor:default}.uap-skip-num{line-height:1}.uap-timeline{display:flex;align-items:center;gap:12px;width:100%}.uap-time{flex:none;min-width:40px;font-size:12px;font-weight:var(--w-ui);font-variant-numeric:tabular-nums;color:#ffffffa8;text-align:center}.uap-bar{position:relative;flex:1;min-width:0;height:28px;display:flex;align-items:center;cursor:pointer;touch-action:none;border-radius:9999px}.uap-bar-track{position:relative;display:block;width:100%;height:4px;border-radius:9999px;background:#ffffff24;box-shadow:inset 0 1px 1px #00000040;overflow:visible}.uap-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:9999px;background:linear-gradient(90deg,color-mix(in srgb,var(--teal) 72%,white),var(--teal));box-shadow:0 0 10px color-mix(in srgb,var(--teal) 45%,transparent)}.uap-bar-thumb{position:absolute;top:50%;width:13px;height:13px;border-radius:9999px;background:linear-gradient(180deg,#fff,#eef1ee);transform:translate(-50%,-50%);box-shadow:inset 0 1px #fff,0 1px 4px #00000059,0 0 0 3px var(--tealglow);opacity:0;transition:opacity .16s ease}.uap-bar:hover .uap-bar-thumb,.uap-bar:focus-visible .uap-bar-thumb,.uap[data-playing] .uap-bar-thumb{opacity:1}.uap-bar:focus-visible,.uap-disc:focus-visible,.uap-skip:focus-visible,.uap-retry:focus-visible{outline:2px solid #7eecd0;outline-offset:3px}.uap-hint{margin:-6px 0 0;font-size:12px;font-weight:var(--w-body);letter-spacing:.01em;color:#ffffffa8}.uap-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 0 6px}.uap-state-text{margin:0;font-size:13.5px;font-weight:var(--w-ui);color:#ffffffdb;text-align:center}.uap-retry{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 18px;border-radius:9999px;border:0;background:linear-gradient(180deg,#fff,#f1f1ec);box-shadow:inset 0 1px #fff,0 1px 2px #00000040,0 12px 28px -12px #0009;color:var(--ink);font-family:inherit;font-size:13px;font-weight:var(--w-strong);cursor:pointer;transition:transform .16s var(--fluid-out),box-shadow .16s var(--fluid-out)}.uap-retry:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 2px 4px #00000040,0 18px 36px -12px #000000a6}@media(max-width:480px){.uap{gap:12px;padding:14px 16px 12px}.uap-disc-wrap,.uap-disc{width:58px;height:58px}.uap-transport{gap:14px}.uap-skip{padding:0 12px}}@media(prefers-reduced-motion:reduce){.uap[data-playing] .uap-glow{animation:none;opacity:.7}.uap-disc,.uap-disc:hover:not(:disabled),.uap-disc:active:not(:disabled),.uap-retry,.uap-retry:hover{transform:none;transition:none}}