.audio-bg{pointer-events:none;filter:blur(22px);width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.2)}.audio-bg-muted{filter:blur(10px);transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.audio-bg{transform:none}}.aud{color:var(--text);--aud-r:10px;display:block;position:absolute;inset:0}.aud-ring{border-radius:var(--aud-r);background:linear-gradient(135deg, var(--kind-audio), var(--kind-image));width:100%;height:100%;padding:2px;display:block;position:relative;overflow:hidden;container-type:inline-size}.aud-in{border-radius:calc(var(--aud-r) - 2px);background:var(--s1);width:100%;height:100%;padding:4px;display:block}.aud-art{border-radius:calc(var(--aud-r) - 5px);width:100%;height:100%;display:block;position:relative;overflow:hidden}.aud-plate{text-align:center;background:linear-gradient(150deg, var(--kind-audio-plate), var(--kind-image-plate));color:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 8px 34px;display:flex;position:absolute;inset:0}.aud-ico{flex:none;place-items:center;display:grid}.aud-ico svg{width:clamp(28px,16cqw,72px);height:clamp(28px,16cqw,72px)}.aud .aud-img{width:100%;height:100%;position:absolute;inset:0}.aud .ut-media.is-err{visibility:hidden}.aud-title{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(12px,4cqw,20px);font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.aud-bar{z-index:var(--ut-z-raise);background:var(--glass);height:26px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex;position:absolute;bottom:4px;left:4px;right:4px}.aud-eq{flex:none;align-items:flex-end;gap:2px;width:14px;height:12px;display:flex}.aud-eq i{background:var(--kind-audio);transform-origin:bottom;border-radius:1px;flex:1;height:40%;display:block}.aud-eq i:nth-child(2){background:var(--text);height:85%}.aud-eq i:nth-child(3){background:var(--text);height:60%}.aud-eq i:nth-child(4){background:var(--kind-image);height:30%}.aud-playing .aud-eq i{animation:.9s ease-in-out infinite ut-aud-eq}.aud-playing .aud-eq i:nth-child(2){animation-duration:.7s;animation-delay:-.2s}.aud-playing .aud-eq i:nth-child(3){animation-duration:1.1s;animation-delay:-.5s}.aud-playing .aud-eq i:nth-child(4){animation-duration:.8s;animation-delay:-.35s}.aud-dur{color:var(--text2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px;line-height:1}.aud-kind{color:var(--text);flex:none;place-items:center;margin-left:auto;display:grid}.aud-dur+.aud-kind{margin-left:0}.aud-play{z-index:var(--ut-z-over);background:var(--w10);width:30px;height:30px;color:var(--cta-text);opacity:0;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:38px;right:10px}.aud-play:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--kind-audio);outline-offset:1px}.aud-playing .aud-play{opacity:1;pointer-events:auto}@container (width<=130px){.aud-eq{display:none}.aud-bar{border-radius:6px;height:22px;padding:0 5px;bottom:3px;left:3px;right:3px}.aud-dur{font-size:10px}.aud-plate{gap:3px;padding:4px 4px 28px}.aud-title{-webkit-line-clamp:2;font-size:10px}.aud-in{padding:3px}.aud-play{bottom:30px;right:6px}.aud-ico svg{width:22px;height:22px}}.aud .aud-live{mix-blend-mode:screen}.aud-playing .aud-ring{box-shadow:0 0 0 1px var(--kind-audio)}.aud-slot{--aud-r:7px}.aud-slot .aud-ring{padding:1.5px}.aud-slot .aud-in{padding:2px}.aud-slot .aud-eq,.aud-slot .aud-title{display:none}.aud-slot .aud-plate{padding:0 0 18px}.aud-slot .aud-ico svg{width:18px;height:18px}.aud-slot .aud-bar{border-radius:4px;height:16px;padding:0 3px;bottom:2px;left:2px;right:2px}.aud-slot .aud-dur{font-size:9px}.aud-slot .aud-kind svg{width:10px;height:10px}.dropzone .aud-slot{--aud-r:10px}.dropzone .aud-slot .aud-title{font-size:12px;display:-webkit-box}.dropzone .aud-slot .aud-plate{gap:3px;padding:6px 6px 26px}.dropzone .aud-slot .aud-ico svg{width:22px;height:22px}.dropzone .aud-slot .aud-bar{height:22px;padding:0 6px;bottom:4px;left:4px;right:4px}.dropzone .aud-slot .aud-dur{font-size:11px}.dropzone .aud-slot .aud-kind svg{width:13px;height:13px}.aud-row{align-items:center;gap:10px;min-height:48px;display:flex;position:relative}.aud-row .aud-ring{--aud-r:8px;flex:none;width:48px;height:48px;padding:1.5px}.aud-row .aud-in{padding:2px}.aud-row .aud-plate{gap:0;padding:0}.aud-row .aud-plate .aud-title{display:none}.aud-row .aud-ico svg{width:18px;height:18px}.aud-row .aud-cap{text-align:left;flex-direction:column;gap:1px;min-width:0;display:flex}.aud-row .aud-cap .aud-title{font-size:11px}.aud-row .aud-cap .aud-dur{margin:0}.aud-stage{aspect-ratio:1;--aud-r:18px;width:100%;position:relative;inset:auto}.aud-stage .aud-ring{padding:2px}.aud-stage .aud-in{padding:8px}.aud-stage .aud-plate{gap:14px;padding:16px 16px 56px}.aud-stage .aud-title{-webkit-line-clamp:3;font-size:20px}.aud-stage .aud-bar{border-radius:10px;height:36px;padding:0 12px;bottom:8px;left:8px;right:8px}.aud-stage .aud-dur{font-size:13px}