@keyframes om-ripple{0%{opacity:.55;transform:scale(1)}70%{opacity:0}to{opacity:0;transform:scale(1.75)}}@keyframes om-blink{0%,to{opacity:1}50%{opacity:.32}}@keyframes om-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.45)}}@keyframes om-spin{to{transform:rotate(360deg)}}.om{--om-btn:78px;--om-bars:62px;--om-head:78px;--om-gap:2px;--om-accent:var(--accent);align-items:center;gap:clamp(14px,3vw,22px);min-width:0;display:flex;position:relative}.om[data-size=md]{--om-btn:56px;--om-bars:44px;--om-head:56px}.om[data-size=sm]{--om-btn:40px;--om-bars:26px;--om-head:34px}.om-btn{width:var(--om-btn);height:var(--om-btn);cursor:pointer;background:0 0;border:0;border-radius:50%;outline:none;flex:none;padding:0;transition:transform .32s cubic-bezier(.2,.85,.2,1);position:relative}.om-btn:hover:not(:disabled){transform:scale(1.035)}.om-btn:active:not(:disabled){transform:scale(.955)}.om-btn:disabled{cursor:not-allowed;opacity:.45}.om-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-amber-line)}.om-prog{opacity:0;pointer-events:none;border-radius:50%;transition:opacity .45s;position:absolute;inset:-9px}.om[data-size=sm] .om-prog{inset:-5px}.om-prog:after{content:"";background:var(--om-well,var(--bg-elevated));border-radius:50%;position:absolute;inset:3px}.om-ripple{opacity:0;pointer-events:none;border:1px solid #0000;border-radius:50%;position:absolute;inset:-1px}.om-ring{border:2px solid var(--ink);pointer-events:none;border-radius:50%;transition:border-color .35s,box-shadow .5s;position:absolute;inset:0}.om[data-size=sm] .om-ring{border-width:1.5px}.om-icon-play,.om-icon-pause,.om-shape{pointer-events:none;transition:transform .34s cubic-bezier(.2,.85,.2,1),opacity .22s,width .42s cubic-bezier(.2,.85,.2,1),height .42s cubic-bezier(.2,.85,.2,1),margin .42s cubic-bezier(.2,.85,.2,1),border-radius .42s cubic-bezier(.2,.85,.2,1),background .42s;position:absolute;top:50%;left:50%}.om-icon-play{background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);width:19px;height:22px;margin:-11px 0 0 -8px}.om-icon-pause{opacity:0;gap:5px;width:17px;height:20px;margin:-10px 0 0 -8.5px;display:flex;transform:scale(.55)rotate(40deg)}.om-icon-pause>i{background:var(--ink);border-radius:2px;flex:1}.om[data-size=md] .om-icon-play{width:15px;height:17px;margin:-8.5px 0 0 -6px}.om[data-size=md] .om-icon-pause{gap:4px;width:13px;height:15px;margin:-7.5px 0 0 -6.5px}.om[data-size=sm] .om-icon-play{width:11px;height:13px;margin:-6.5px 0 0 -4.5px}.om[data-size=sm] .om-icon-pause{gap:3px;width:10px;height:12px;margin:-6px 0 0 -5px}.om-shape{border-radius:50%;width:27px;height:27px;margin:-13.5px 0 0 -13.5px}.om[data-size=sm] .om-shape{width:15px;height:15px;margin:-7.5px 0 0 -7.5px}.om-spin{border:2px solid var(--line-strong);border-top-color:var(--ink);pointer-events:none;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.8s linear infinite om-spin;position:absolute;top:50%;left:50%}.om-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.om-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px;outline:none;margin:-14px 0;padding:14px 0;position:relative}.om-track:focus-visible{box-shadow:0 0 0 2px var(--accent-amber-line)}.om-track[aria-disabled=true]{cursor:default}.om-glow-clip{pointer-events:none;position:absolute;inset:-40px -16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.om-glow{opacity:0;pointer-events:none;border-radius:50%;width:170px;height:76px;margin-left:-85px;position:absolute;top:42px;left:16px}.om[data-size=sm] .om-glow{width:90px;height:40px;margin-left:-45px}.om-bars{align-items:center;gap:var(--om-gap);height:var(--om-bars);display:flex;position:relative}.om-bars>i{background:#241f1e;border-radius:3px;flex:1 1 0;min-width:2px;height:5px}.om-head{width:2px;height:var(--om-head);background:var(--ink);opacity:0;pointer-events:none;border-radius:2px;margin-left:-1px;position:absolute;top:6px;left:0}.om-handle{opacity:0;pointer-events:none;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:opacity .18s;position:absolute;top:50%;left:0;transform:scale(0)}.om-bubble{background:var(--ink);color:var(--bg);font-family:var(--font-mono,ui-monospace, monospace);opacity:0;pointer-events:none;white-space:nowrap;z-index:2;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:500;line-height:1;transition:opacity .16s;position:absolute;bottom:calc(100% - 4px);left:0}.om-readout{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 14px;font-size:11px;font-weight:500;line-height:1.3;display:flex}.om[data-size=sm] .om-readout{font-size:10px}.om-readout .om-time{color:var(--om-accent)}.om-readout .om-meta{white-space:nowrap}.om-onair{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-subtle);font-size:10px;font-weight:500}.om-dot{opacity:.28;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.om-reset{color:var(--ink-subtle);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:10px;transition:opacity .28s,transform .28s,color .2s;transform:translateY(4px)}.om-reset:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){.om-btn,.om-icon-play,.om-icon-pause,.om-shape,.om-ring,.om-prog,.om-handle,.om-bubble,.om-reset{transition:none!important}.om-ripple,.om-dot,.om-onair,.om-spin{animation:none!important}}@media (max-width:639.98px){.om[data-size=md]{--om-btn:46px;--om-bars:32px;--om-head:46px;gap:12px}}