drate-media-player,drate-audio-host{--player-paper:var(--paper,var(--drate-surface,Canvas));--player-ink:var(--ink,var(--drate-ink,CanvasText));--player-muted:var(--muted,var(--drate-muted,GrayText));--player-line:var(--line,var(--drate-line,ButtonBorder));--media-primary-color:var(--player-ink);--media-secondary-color:transparent;--media-control-background:transparent;--media-control-hover-background:color-mix(in srgb, var(--player-ink) 8%, transparent);--media-control-height:24px;--media-background-color:var(--player-paper);--media-button-icon-width:24px;--media-button-icon-height:24px;--media-font-weight:500;--media-font-family:inherit;--media-font-size:13px;--media-range-track-height:4px;--media-range-track-background:color-mix(in srgb, var(--player-ink) 24%, transparent);--media-time-range-buffered-color:color-mix(in srgb, var(--player-ink) 12%, transparent);--media-range-thumb-width:12px;--media-range-thumb-height:12px;color:var(--player-ink);min-width:0;font:inherit;display:block}drate-media-player{margin-block:24px}drate-media-player.drate-audio-player{max-width:760px}drate-media-player video{aspect-ratio:16/9;object-fit:contain;width:100%;max-height:75dvh}.drate-video-controller{background:var(--player-paper);border-radius:12px;width:100%;overflow:hidden}.drate-video-controller video{display:block}.drate-controls{box-sizing:border-box;background:var(--player-paper);flex-wrap:wrap;align-items:center;gap:0;width:100%;padding:4px;display:flex}.drate-controls media-time-range{flex:100px;min-width:64px}.drate-controls media-volume-range{width:64px}.drate-controls media-time-display{font-variant-numeric:tabular-nums}.drate-controls button,.drate-player-button{color:inherit;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px}@media (hover:hover) and (pointer:fine){.drate-controls button:hover,.drate-player-button:hover{background:var(--media-control-hover-background)}}.drate-controls button:focus-visible,.drate-player-button:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:2px}.drate-controls button[aria-pressed=true]{background:var(--media-control-hover-background)}.drate-audio-card{isolation:isolate;background:var(--player-paper);border:1px solid var(--player-line);border-radius:16px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px;padding:20px;display:grid;position:relative;overflow:hidden}.drate-audio-waveform{z-index:-1;pointer-events:none;width:calc(100% - 148px);height:88px;color:var(--player-ink);opacity:.08;position:absolute;top:20px;right:20px;mask-image:linear-gradient(90deg,#0000,#000 64%)}.drate-art{aspect-ratio:1;object-fit:cover;background:color-mix(in srgb, var(--player-ink) 6%, var(--player-paper));border-radius:10px;width:88px}.drate-art-placeholder{place-items:center;font-size:28px;display:grid}.drate-audio-copy{min-width:0}.drate-audio-copy p{letter-spacing:.08em;text-transform:uppercase;color:var(--player-muted);margin:0 0 6px;font-size:11px;font-weight:600}.drate-audio-copy strong{overflow-wrap:anywhere;font-size:clamp(16px,2vw,20px);font-weight:600;line-height:1.25;display:block}.drate-audio-fallback{grid-column:1/-1;width:100%;display:block}.drate-audio-card.drate-audio-compact{border-radius:12px;grid-template-columns:48px minmax(0,1fr);gap:10px 14px;padding:12px}.drate-audio-compact .drate-art{border-radius:8px;width:48px}.drate-audio-compact .drate-audio-waveform{display:none}.drate-audio-compact .drate-audio-copy strong{font-size:15px}.drate-audio-card .drate-audio-controls{border-top:1px solid var(--player-line);grid-column:1/-1;padding-top:12px}.drate-audio-controls{grid-template-columns:44px 44px 44px minmax(80px,1fr) auto 44px 44px 64px;align-items:center;gap:4px;padding:0;display:grid}.drate-audio-controls media-play-button{background:var(--player-ink);--media-primary-color:var(--player-paper);--media-control-hover-background:color-mix(in srgb, var(--player-ink) 84%, var(--player-paper));border-radius:50%}.drate-audio-controls media-time-display{white-space:nowrap;color:var(--player-muted);padding-inline:8px;font-size:12px}.drate-audio-controls media-time-range{width:100%}.drate-audio-controls media-volume-range{width:64px}.drate-status{color:var(--player-muted);margin:8px 0 0;font-size:13px}.drate-status:empty{display:none}.drate-preview-end{margin-top:12px}.drate-preview-end a{color:inherit;text-underline-offset:3px;text-decoration:underline}drate-audio-host:empty,drate-audio-host[hidden],drate-media-player [hidden],drate-audio-host [hidden]{display:none!important}drate-audio-host{z-index:90;border:1px solid var(--player-line);background:var(--player-paper);max-width:880px;box-shadow:0 8px 32px color-mix(in srgb, var(--player-ink) 12%, transparent);border-radius:16px;margin-inline:auto;padding:8px 12px;position:fixed;inset:auto 16px 16px}drate-audio-host media-controller{width:100%;display:block}.drate-now{align-items:center;gap:12px;padding-left:8px;display:flex}.drate-now strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}html[data-drate-audio] body{padding-bottom:160px}@media (width<=600px){.drate-audio-card{grid-template-columns:64px minmax(0,1fr);gap:16px 14px;padding:16px}.drate-art{border-radius:8px;width:64px}.drate-audio-waveform{width:calc(100% - 110px);height:64px;top:16px;right:16px}.drate-video-controls media-time-range{flex-basis:100%;order:-1}.drate-video-controls media-volume-range{display:none}drate-audio-host{inset:auto 8px max(8px, env(safe-area-inset-bottom));padding:4px 8px}}@media (prefers-reduced-motion:reduce){drate-media-player,drate-audio-host{--media-button-icon-transition:none;--media-range-track-transition:none;--media-range-thumb-transition:none;--media-range-segment-transition:none}drate-media-player *,drate-audio-host *{transition:none!important;animation:none!important}}.drate-controls>[role=button],.drate-controls media-playback-rate-button{min-width:44px;min-height:44px}.drate-audio-card .drate-controls{background:0 0}.drate-now{line-height:1.4}.drate-controls media-time-range,.drate-controls media-volume-range{height:44px;min-height:44px}.drate-video-controller::part(vertical-layer){display:block;position:relative;inset:auto}.drate-video-controller video{height:auto}.drate-video-controller:fullscreen{flex-direction:column;display:flex}.drate-video-controller:fullscreen video{flex:1;min-height:0;max-height:none}@media (width<=760px){.drate-audio-controls{grid-template-columns:44px 44px 44px minmax(0,1fr) 44px 44px 64px;row-gap:8px}.drate-audio-controls media-time-range{grid-area:1/1/auto/-2}.drate-audio-controls media-time-display{text-align:right;grid-area:1/-2/auto/-1;padding-inline:0}.drate-audio-controls media-play-button,.drate-audio-controls media-seek-backward-button,.drate-audio-controls media-seek-forward-button,.drate-audio-controls media-playback-rate-button,.drate-audio-controls media-mute-button,.drate-audio-controls media-volume-range{grid-row:2}.drate-audio-controls media-play-button{grid-column:1}.drate-audio-controls media-seek-backward-button{grid-column:2}.drate-audio-controls media-seek-forward-button{grid-column:3}.drate-audio-controls media-playback-rate-button{grid-column:5}.drate-audio-controls media-mute-button{grid-column:6}.drate-audio-controls media-volume-range{grid-column:7}}@media (width<=480px){.drate-audio-controls{grid-template-columns:44px 44px 44px minmax(0,1fr) 80px}.drate-audio-controls media-mute-button,.drate-audio-controls media-volume-range{display:none}.drate-audio-controls media-playback-rate-button{grid-column:5}}