.tts-player{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:.5rem;margin:1.25rem 0;padding:.75rem 1rem;transition:all .3s;box-shadow:0 .125rem .75rem rgba(102,126,234,.25)}.tts-player:hover{box-shadow:0 .25rem 1rem rgba(102,126,234,.35)}.tts-player.playing{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.tts-player.playing .tts-player-icon{animation:2s ease-in-out infinite tts-pulse}.tts-player.paused{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.tts-player-header{align-items:center;gap:.625rem;margin-bottom:.625rem;display:flex}.tts-player-icon{fill:#fff;flex-shrink:0;width:1.25rem;height:1.25rem}.tts-player-title{color:#fff;flex-grow:1;margin:0;font-size:.875rem;font-weight:600}.tts-player-status{color:rgba(255,255,255,.85);margin:0;font-size:.6875rem;font-weight:500}.tts-player-controls{align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.tts-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:rgba(255,255,255,.2);border:.0625rem solid rgba(255,255,255,.3);border-radius:.375rem;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:.375rem;transition:all .2s;display:inline-flex}.tts-btn:hover:not(:disabled){background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-.0625rem)}.tts-btn:active:not(:disabled){transform:translateY(0)}.tts-btn:disabled{opacity:.4;cursor:not-allowed}.tts-btn:focus-visible{outline-offset:.125rem;outline:.125rem solid rgba(255,255,255,.8)}.tts-btn svg{fill:currentColor;width:1rem;height:1rem}#tts-pause{display:none}.tts-speed-control{flex:1;align-items:center;gap:.5rem;margin-left:.5rem;display:flex}#tts-speed{-ms-appearance:none;appearance:none;cursor:pointer;background:rgba(255,255,255,.3);border-radius:.125rem;outline:none;flex:1;height:.25rem}#tts-speed:focus-visible{outline-offset:.125rem;outline:.125rem solid rgba(255,255,255,.8)}#tts-speed::-webkit-slider-thumb{-ms-appearance:none;appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:.875rem;height:.875rem;transition:transform .2s;box-shadow:0 .0625rem .25rem rgba(0,0,0,.2)}#tts-speed::-webkit-slider-thumb:hover{transform:scale(1.15)}#tts-speed::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:.875rem;height:.875rem;transition:transform .2s;box-shadow:0 .0625rem .25rem rgba(0,0,0,.2)}#tts-speed::-moz-range-thumb:hover{transform:scale(1.15)}.tts-speed-value{color:#fff;text-align:center;background:rgba(255,255,255,.2);border-radius:.25rem;min-width:2rem;padding:.1875rem .375rem;font-size:.75rem;font-weight:600}.tts-progress-container{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background:rgba(255,255,255,.2);border-radius:.125rem;height:.25rem;overflow:hidden}.tts-progress-bar{background:#fff;width:0%;height:100%;transition:width .3s;box-shadow:0 0 .5rem rgba(255,255,255,.5)}@media (max-width:48rem){.tts-player{padding:.625rem .75rem}.tts-player-title{font-size:.8125rem}.tts-player-status{font-size:.625rem}.tts-btn{min-width:1.75rem;height:1.75rem;padding:.3125rem}.tts-btn svg{width:.875rem;height:.875rem}.tts-speed-control{gap:.375rem}.tts-speed-value{min-width:1.75rem;padding:.125rem .3125rem;font-size:.6875rem}}@media (max-width:30rem){.tts-player{border-radius:.375rem;padding:.5rem .625rem}.tts-player-header{gap:.5rem;margin-bottom:.5rem}.tts-player-icon{width:1.125rem;height:1.125rem}.tts-player-title{font-size:.75rem}.tts-player-controls{gap:.375rem;margin-bottom:.5rem}.tts-btn{min-width:1.625rem;height:1.625rem;padding:.25rem}.tts-btn svg{width:.75rem;height:.75rem}.tts-speed-control{margin-left:.25rem}}@media (prefers-reduced-motion:reduce){.tts-player,.tts-btn,.tts-progress-bar{transition:none}#tts-speed::-webkit-slider-thumb{transition:none}#tts-speed::-moz-range-thumb{transition:none}.tts-player:hover,.tts-btn:hover:not(:disabled){transform:none}}@keyframes tts-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}