.tarak-tts-player{--tarak-tts-accent:#2563eb;--tts-bg:#fff;--tts-fg:#182230;--tts-border:#e4e7ec;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:18px 0;background:var(--tts-bg);color:var(--tts-fg);border:1px solid var(--tts-border);border-radius:14px;font:inherit;box-shadow:0 8px 22px rgba(15,23,42,.06);transition:.2s ease}.tarak-tts-player button,.tarak-tts-player select,.tarak-tts-player input{font:inherit}.tarak-tts-play{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;padding:8px 12px;background:var(--tarak-tts-accent);color:#fff;cursor:pointer;font-weight:700;box-shadow:0 4px 12px color-mix(in srgb,var(--tarak-tts-accent) 24%,transparent)}.tarak-tts-play:hover{filter:brightness(.96)}.tarak-tts-play:focus-visible,.tarak-tts-speed:focus-visible,.tarak-tts-progress:focus-visible,.tarak-tts-download:focus-visible{outline:3px solid color-mix(in srgb,var(--tarak-tts-accent) 25%,white);outline-offset:2px}.tarak-tts-progress{flex:1;min-width:130px;accent-color:var(--tarak-tts-accent)}.tarak-tts-speed{border:1px solid var(--tts-border);border-radius:8px;padding:5px 7px;background:var(--tts-bg);color:var(--tts-fg)}.tarak-tts-time{font-variant-numeric:tabular-nums;font-size:.88em;white-space:nowrap;color:color-mix(in srgb,var(--tts-fg) 68%,transparent)}.tarak-tts-status{width:100%;font-size:.82em;opacity:.68}.tarak-tts-download{padding:5px 8px;border-radius:8px;background:color-mix(in srgb,var(--tarak-tts-accent) 9%,white);color:var(--tarak-tts-accent);text-decoration:none;font-weight:700}.tarak-tts-highlight,.tarak-tts-word-highlight{padding:0 .06em;border-radius:.15em;color:inherit}.tarak-tts-style-classic{border-radius:4px;box-shadow:none}.tarak-tts-style-classic .tarak-tts-play{border-radius:4px}.tarak-tts-style-pill{border-radius:999px;padding-left:18px;padding-right:18px}.tarak-tts-style-pill .tarak-tts-status{display:none}.tarak-tts-style-wave{border-left:5px solid var(--tarak-tts-accent)}.tarak-tts-style-glass{background:color-mix(in srgb,#fff 76%,transparent);backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(0,0,0,.1)}.tarak-tts-style-timeline .tarak-tts-progress{order:10;width:100%}.tarak-tts-style-accessible{border:3px solid var(--tts-fg);font-size:1.05em}.tarak-tts-style-accessible .tarak-tts-play{padding:10px 14px}.tarak-tts-style-minimal{border:0;padding-left:0;padding-right:0;background:transparent;box-shadow:none}.tarak-tts-style-compact{padding:7px 9px;gap:6px}.tarak-tts-style-compact .tarak-tts-label{display:none}.tarak-tts-style-dark,.tarak-tts-theme-dark{--tts-bg:#111827;--tts-fg:#fff;--tts-border:#344054}.tarak-tts-style-dark .tarak-tts-play,.tarak-tts-theme-dark .tarak-tts-play{color:#fff}.tarak-tts-style-light,.tarak-tts-theme-light{--tts-bg:#f8fafc;--tts-fg:#182230;--tts-border:#d0d5dd}@media(prefers-color-scheme:dark){.tarak-tts-theme-auto{--tts-bg:#111827;--tts-fg:#fff;--tts-border:#344054}}
@keyframes tarak-tts-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tarak-tts-accent) 8%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--tarak-tts-accent) 16%,transparent)}}.tarak-tts-player.has-player-aura.is-playing{animation:tarak-tts-pulse 2.2s ease-in-out infinite}.tarak-tts-content-aura{outline:1px solid color-mix(in srgb,var(--tarak-tts-accent,#2563eb) 20%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--tarak-tts-accent,#2563eb) 12%,transparent);transition:box-shadow .25s ease,outline-color .25s ease}
body.tarak-tts-immersive-open:before{content:"";position:fixed;inset:0;z-index:99997;background:rgba(2,6,23,.58);backdrop-filter:blur(5px)}.tarak-tts-player.tarak-tts-immersive-player{position:fixed;left:50%;bottom:28px;z-index:99999;width:min(760px,calc(100vw - 28px));margin:0;transform:translateX(-50%);box-shadow:0 26px 70px rgba(0,0,0,.35)}
@media(max-width:600px){.tarak-tts-player{gap:8px}.tarak-tts-progress{order:10;width:100%}.tarak-tts-player.tarak-tts-immersive-player{bottom:14px}}
.tarak-tts-gesture-helper{width:100%;font-size:.78em;color:color-mix(in srgb,var(--tts-fg) 62%,transparent)}.tarak-tts-floating{position:fixed;right:18px;bottom:18px;z-index:9998;width:min(560px,calc(100vw - 36px));margin:0}.tarak-tts-floating-only-playing:not(.is-playing){opacity:0;pointer-events:none;transform:translateY(12px)}.tarak-tts-floating-only-playing.is-playing{opacity:1;pointer-events:auto;transform:none}
.tarak-tts-description{width:100%;font-size:.84em;color:color-mix(in srgb,var(--tts-fg) 70%,transparent);font-weight:600}
.tarak-tts-style-slider{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px}.tarak-tts-style-slider .tarak-tts-progress{grid-column:1/-1;width:100%}.tarak-tts-style-slider .tarak-tts-status{grid-column:1/-1}
.tarak-tts-style-podcast{padding:18px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--tarak-tts-accent) 8%,var(--tts-bg)),var(--tts-bg));box-shadow:0 18px 42px rgba(15,23,42,.10)}.tarak-tts-style-podcast .tarak-tts-play{padding:12px 15px;border-radius:14px}.tarak-tts-style-podcast .tarak-tts-progress{order:10;width:100%;flex-basis:100%}
.tarak-tts-style-sticky{position:fixed;left:50%;bottom:16px;z-index:9996;width:min(820px,calc(100vw - 28px));margin:0;transform:translateX(-50%);box-shadow:0 22px 55px rgba(15,23,42,.20);border-radius:16px}
.tarak-tts-style-contents,.tarak-tts-style-timeline{align-items:flex-start}.tarak-tts-chapters{order:20;width:100%;display:flex;gap:7px;overflow:auto;padding:8px 0 2px;scrollbar-width:thin}.tarak-tts-chapter{flex:0 0 auto!important;max-width:250px!important;padding:7px 10px!important;border:1px solid var(--tts-border)!important;border-radius:999px!important;background:color-mix(in srgb,var(--tarak-tts-accent) 7%,var(--tts-bg))!important;color:var(--tts-fg)!important;box-shadow:none!important;font-size:.78em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarak-tts-style-contents .tarak-tts-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.tarak-tts-style-contents .tarak-tts-chapter{max-width:none!important;border-radius:10px!important;text-align:left}.tarak-tts-style-timeline{border-left:4px solid var(--tarak-tts-accent)}
@media(max-width:600px){.tarak-tts-style-sticky{bottom:8px;width:calc(100vw - 16px)}.tarak-tts-style-contents .tarak-tts-chapters{grid-template-columns:1fr}.tarak-tts-style-slider{grid-template-columns:auto 1fr auto}.tarak-tts-style-slider .tarak-tts-time{display:none}}