.rtk-audio{--at-page:var(--color-canvas-soft);--at-card:var(--color-canvas);--at-card-2:var(--color-canvas-soft-2);--at-chip:var(--color-canvas-soft-2);--at-border:var(--color-hairline);--at-border-strong:var(--color-hairline-strong);--at-card-shadow:0 1px 2px #0000000a, 0 8px 24px -12px #0000001f;--at-tint-fill:#00000005;--at-hover-fill:#0000000d;--at-line-hover:#00000024;--at-text:var(--color-ink);--at-body:var(--color-body);--at-mute:var(--color-mute);--at-brand:var(--color-link);--at-brand-text:var(--color-link-deep);--at-brand-btn-from:#0070f3;--at-brand-btn-to:#0761d1;--at-brand-btn-hover-from:#0761d1;--at-brand-btn-hover-to:#0741a8;--at-brand-glow:#0070f347;--at-brand-tint:color-mix(in srgb, var(--color-link) 9%, var(--color-canvas));--at-brand-line:color-mix(in srgb, var(--color-link) 32%, var(--color-hairline));--at-violet:#7928ca;--at-violet-text:#6d28d9;--at-violet-glow:#7928ca40;--at-violet-btn-from:#7c3aed;--at-violet-btn-to:#5b21b6;--at-violet-btn-hover:#6d28d9;--at-violet-tint:color-mix(in srgb, #7928ca 8%, var(--color-canvas));--at-violet-line:color-mix(in srgb, #7928ca 30%, var(--color-hairline));--at-success:#15803d;--at-success-tint:color-mix(in srgb, #22c55e 9%, var(--color-canvas));--at-success-line:color-mix(in srgb, #22c55e 34%, var(--color-hairline));--at-pink:#db2777;--at-pink-text:#be185d;--at-pink-glow:#ec489940;--at-pink-tint:color-mix(in srgb, #ec4899 9%, var(--color-canvas));--at-pink-line:color-mix(in srgb, #ec4899 32%, var(--color-hairline));--at-warning:#b45309;--at-warning-text:#92400e;--at-warning-tint:color-mix(in srgb, #f59e0b 12%, var(--color-canvas));--at-warning-line:color-mix(in srgb, #f59e0b 36%, var(--color-hairline));--at-danger:var(--color-error-deep);--at-danger-text:#b91c1c;--at-danger-tint:color-mix(in srgb, #ef4444 8%, var(--color-canvas));--at-danger-line:color-mix(in srgb, #ef4444 32%, var(--color-hairline));--at-info-text:#1e3a8a;--at-scope-bg:#080d1a;--at-scope-bg-hi:#0d1322;--at-scope-grid:#94a3b829;--at-scope-border:#94a3b82e;--at-scope-panel:#0d1322e0;--at-scope-fill:#ffffff0d;--at-scope-fill-2:#ffffff14;--at-scope-line:#ffffff24;--at-scope-text:#f1f5f9;--at-scope-muted:#94a3b8;--at-scope-subtle:#64748b;--at-scope-cyan:#38bdf8;--at-scope-cyan-deep:#0ea5e9;--at-scope-cyan-tint:#0ea5e924;--at-scope-cyan-line:#0ea5e959;--at-scope-violet:#a78bfa;--at-scope-violet-deep:#7c3aed;--at-scope-violet-tint:#7c3aed29;--at-scope-violet-line:#7c3aed66;--at-scope-pink:#f472b6;--at-scope-pink-deep:#db2777;--at-scope-green:#22c55e;--at-scope-green-text:#4ade80;--at-scope-amber:#fbbf24;--at-scope-red:#f87171;--at-scope-red-tint:#ef444429;--at-scope-red-line:#ef444466;--at-scope-shadow:0 10px 40px #0000008c}:root.dark .rtk-audio{--at-card-shadow:0 4px 20px #00000059;--at-tint-fill:#ffffff05;--at-hover-fill:#ffffff0f;--at-line-hover:#ffffff38;--at-violet:#a78bfa;--at-violet-text:#c4b5fd;--at-violet-glow:#7c3aed59;--at-violet-tint:color-mix(in srgb, #7c3aed 16%, var(--color-canvas));--at-violet-line:color-mix(in srgb, #7c3aed 40%, var(--color-hairline));--at-pink:#ec4899;--at-pink-text:#f472b6;--at-pink-glow:#ec489959;--at-pink-tint:color-mix(in srgb, #ec4899 12%, var(--color-canvas));--at-pink-line:color-mix(in srgb, #ec4899 34%, var(--color-hairline));--at-success:#4ade80;--at-success-tint:color-mix(in srgb, #22c55e 12%, var(--color-canvas));--at-success-line:color-mix(in srgb, #22c55e 30%, var(--color-hairline));--at-warning:#fbbf24;--at-warning-text:#fde68a;--at-warning-tint:color-mix(in srgb, #f59e0b 12%, var(--color-canvas));--at-warning-line:color-mix(in srgb, #f59e0b 34%, var(--color-hairline));--at-danger-text:#f87171;--at-danger-tint:color-mix(in srgb, #ef4444 12%, var(--color-canvas));--at-danger-line:color-mix(in srgb, #ef4444 34%, var(--color-hairline));--at-info-text:#bfdbfe}.rtk-audio [data-at-scope],.rtk-audio .at-scope{background-color:var(--at-scope-bg);color:var(--at-scope-text)}.rtk-audio :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--at-brand);outline-offset:2px}.rtk-audio .af-subtle-hint{color:var(--at-mute);font-size:.7rem;line-height:1.4;display:block}.rtk-audio .af-w-full{width:100%}.rtk-audio .af-mt-2{margin-top:.5rem}.rtk-audio .af-btn-sm{padding:.3rem .65rem;font-size:.75rem}.rtk-audio .at-status-panel{background:var(--at-card);border:1px solid var(--at-border);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding:1rem 1.25rem;display:grid}.rtk-audio .at-status-cell{flex-direction:column;gap:.2rem;min-width:0;display:flex}.rtk-audio .at-status-label{letter-spacing:.06em;text-transform:uppercase;color:var(--at-mute);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:.68rem;font-weight:700}.rtk-audio .at-status-value{color:var(--at-text);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:.95rem;font-weight:700}.rtk-audio .at-status-value--ready{color:var(--at-success)}.rtk-audio .at-status-value--active,.rtk-audio .at-status-value--playing{color:var(--at-brand)}.rtk-audio .at-status-value--paused{color:var(--at-warning)}.rtk-audio .at-status-value--error{color:var(--at-danger)}.rtk-audio .at-controls{flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.rtk-audio .at-controls-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.rtk-audio .at-controls-right{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.rtk-audio .at-meter-unit{flex-direction:column;gap:.35rem;display:flex}.rtk-audio .at-meter-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.rtk-audio .at-meter-label{letter-spacing:.04em;text-transform:uppercase;color:var(--at-mute);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:.65rem;font-weight:700}.rtk-audio .at-meter-db{color:var(--at-brand);text-align:right;min-width:45px;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:.75rem}.rtk-audio .at-meter-track{background:var(--at-tint-fill);border:1px solid var(--at-border);border-radius:999px;height:6px;position:relative;overflow:hidden}.rtk-audio .at-meter-fill{background:linear-gradient(90deg, var(--at-brand), var(--at-scope-cyan));border-radius:999px;width:0%;height:100%;transition:width 60ms linear;position:absolute;inset:0 auto 0 0}.rtk-audio .at-channel-ind{text-transform:uppercase;letter-spacing:.04em;color:var(--at-mute);border:1px solid #0000;border-radius:4px;align-items:center;gap:.35rem;padding:.15rem .45rem;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:.65rem;font-weight:700;display:inline-flex}.rtk-audio .at-channel-ind.is-active{color:var(--at-brand);border-color:color-mix(in srgb, var(--at-brand) 30%, var(--at-border));background:color-mix(in srgb, var(--at-brand) 8%, var(--at-card))}.rtk-audio .at-channel-ind.is-silent{color:var(--at-mute)}.rtk-audio .at-channel-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.rtk-audio .at-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--at-border);background:var(--at-tint-fill);color:var(--at-body);border-radius:4px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700;display:inline-flex}.rtk-audio .at-badge--pro{background:var(--at-violet-tint);color:var(--at-violet-text);border-color:var(--at-violet-line)}.rtk-audio .at-badge--ready{color:var(--at-success);background:var(--at-success-tint);border-color:var(--at-success-line)}.rtk-audio .at-badge--active{color:var(--at-brand-text);background:var(--at-brand-tint);border-color:var(--at-brand-line)}.rtk-audio .at-badge--warning{color:var(--at-warning);background:var(--at-warning-tint);border-color:var(--at-warning-line)}.rtk-audio .at-badge--error{color:var(--at-danger-text);background:var(--at-danger-tint);border-color:var(--at-danger-line)}.rtk-audio .at-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.rtk-audio .at-result{text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 1rem;display:flex}.rtk-audio .at-result-value{letter-spacing:-.03em;color:var(--at-text);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:2.2rem;font-weight:800;line-height:1}.rtk-audio .at-result-label{color:var(--at-body);font-size:.82rem;font-weight:600}.rtk-audio .at-result-sub{color:var(--at-mute);font-size:.72rem}.rtk-audio .at-permission-card{text-align:center;background:var(--at-card);border:1px solid var(--at-border);border-radius:12px;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.rtk-audio .at-permission-icon{background:var(--at-brand-tint);width:48px;height:48px;color:var(--at-brand);border-radius:50%;justify-content:center;align-items:center;display:flex}.rtk-audio .at-permission-title{color:var(--at-text);margin:0;font-size:1.1rem;font-weight:700}.rtk-audio .at-permission-text{color:var(--at-body);max-width:360px;margin:0;font-size:.88rem;line-height:1.5}.rtk-audio .at-related-links{flex-direction:column;gap:.25rem;display:flex}.rtk-audio .at-related-link{color:var(--at-body);border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.rtk-audio .at-related-link:hover{background:var(--at-hover-fill);color:var(--at-text)}.rtk-audio .at-arrow{color:var(--at-mute);font-size:.85rem;transition:transform .15s}.rtk-audio .at-related-link:hover .at-arrow{color:var(--at-brand);transform:translate(3px)}.rtk-audio .at-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--at-violet-text);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700}.rtk-audio .at-section-title{letter-spacing:-.03em;color:var(--at-text);margin:.4rem 0 .6rem;font-size:1.85rem;font-weight:800}.rtk-audio .at-section-intro{color:var(--at-body);max-width:800px;font-size:.95rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.rtk-audio *,.rtk-audio :before,.rtk-audio :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}