.mobile-playback-controls.svelte-7s8flx{display:flex;flex-direction:column;align-items:var(--controls-align, center);touch-action:manipulation;--street-btn-padding: 4px 10px;--street-btn-font-size: .75rem;--control-btn-size: 32px;--play-btn-size: 38px;--row-gap: 4px;--street-row-padding: 4px 10px;--street-row-gap: 4px;--controls-row-padding: 4px 12px;--controls-row-gap: 12px;padding-bottom:max(2px,env(safe-area-inset-bottom,0))}@media(max-height:600px){.mobile-playback-controls.svelte-7s8flx{--street-btn-padding: 4px 8px;--street-btn-font-size: .75rem;--control-btn-size: 36px;--play-btn-size: 44px;--row-gap: 4px;--street-row-padding: 4px 8px;--street-row-gap: 4px;--controls-row-padding: 4px 12px;--controls-row-gap: 12px}}@media(max-width:400px){.mobile-playback-controls.svelte-7s8flx{--street-btn-padding: 4px 8px;--street-btn-font-size: .75rem;--control-btn-size: 36px;--play-btn-size: 44px;--row-gap: 4px;--street-row-padding: 4px 8px;--street-row-gap: 4px;--controls-row-padding: 4px 12px;--controls-row-gap: 12px}}.street-row.svelte-7s8flx{display:flex;align-items:center;justify-content:var(--street-row-justify, center);gap:var(--street-row-gap);background:var(--background-card, #27272a);background:#27272ae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--street-row-radius, 8px);padding:var(--street-row-padding)}.street-btn.svelte-7s8flx{padding:var(--street-btn-padding);font-size:var(--street-btn-font-size);font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:background .15s,color .15s;flex:var(--street-btn-flex, 0 0 auto);text-align:center}.street-btn.active.svelte-7s8flx{background:var(--teal-primary, #14b8a6);color:var(--text-primary, #fafafa)}.street-btn.available.svelte-7s8flx{background:var(--background-card-secondary, #3f3f46);color:var(--text-secondary, #a1a1aa)}.street-btn.disabled.svelte-7s8flx{background:var(--background-dark, #18181b);color:var(--text-muted, #71717a);cursor:not-allowed}.controls-row.svelte-7s8flx{margin-top:var(--row-gap);display:flex;align-items:center;justify-content:var(--controls-row-justify, center);gap:var(--controls-row-gap);background:var(--background-card, #27272a);background:#27272ae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--controls-row-radius, 9999px);padding:var(--controls-row-padding)}.control-btn.svelte-7s8flx{width:var(--control-btn-size);height:var(--control-btn-size);border-radius:50%;border:1px solid rgba(255,255,255,.1);background:var(--background-card-secondary, #2a2a2a);color:var(--teal-primary, #14b8a6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}.control-btn.svelte-7s8flx:active:not(:disabled){background:#3a3a3a;border-color:#14b8a680;transform:scale(.95)}.control-btn.svelte-7s8flx:disabled{opacity:.5;cursor:not-allowed}.control-btn.play-btn.svelte-7s8flx{width:var(--control-btn-size);height:var(--control-btn-size);background:var(--background-card-secondary, #2a2a2a);color:var(--text-muted, #71717a);border:1px solid rgba(255,255,255,.1);box-shadow:none}.control-btn.play-btn.playing.svelte-7s8flx{background:var(--background-card-secondary, #2a2a2a);color:var(--teal-primary, #14b8a6);border-color:#14b8a64d}.control-btn.play-btn.svelte-7s8flx:active:not(:disabled){background:#3a3a3a;transform:scale(.95)}.control-btn.next-btn.svelte-7s8flx{width:var(--play-btn-size);height:var(--play-btn-size);background:var(--teal-primary, #14b8a6);color:#fff;border:none;box-shadow:0 4px 12px #14b8a659}.control-btn.next-btn.svelte-7s8flx:active:not(:disabled){background:var(--teal-dark, #134e4a);transform:scale(.95)}.control-btn.timeline-btn.svelte-7s8flx{border-radius:8px;color:var(--teal-primary, #14b8a6);background:#14b8a61f;border-color:#14b8a666}.control-btn.timeline-btn.svelte-7s8flx:active:not(:disabled){background:#14b8a638;border-color:#14b8a699}