wp-tts-player{--tts-bg:rgba(255,255,255,.95);--tts-bg-blur:rgba(255,255,255,.7);--tts-border:rgba(0,0,0,.1);--tts-accent:#fd6120;--tts-accent-hover:#e55510;--tts-text-primary:#1a1a1a;--tts-text-secondary:#6b7280;--tts-text-muted:#9ca3af;--tts-dark-bg:rgba(30,30,30,.95);--tts-dark-border:rgba(255,255,255,.1);--tts-dark-text:#f3f4f6;--tts-dark-text-secondary:#9ca3af;--tts-height:64px;--tts-height-mobile:56px;--tts-border-radius:16px;--tts-padding:16px;--tts-gap:12px;--tts-font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--tts-font-size:14px;--tts-font-size-small:12px;--tts-transition:.2s cubic-bezier(.4,0,.2,1);--tts-shadow:0 4px 20px rgba(0,0,0,.15);--tts-shadow-hover:0 8px 30px rgba(0,0,0,.2);--tts-z-index:9999;display:block;font-family:var(--tts-font-family);font-size:var(--tts-font-size);color:var(--tts-text-primary);line-height:1.5;box-sizing:border-box}wp-tts-player[theme=dark],@media (prefers-color-scheme:dark){wp-tts-player[theme=auto]{--tts-bg:var(--tts-dark-bg);--tts-border:var(--tts-dark-border);--tts-text-primary:var(--tts-dark-text);--tts-text-secondary:var(--tts-dark-text-secondary)}}wp-tts-player .tts-container{position:relative;background:var(--tts-bg);backdrop-filter:blur(10px);border:1px solid var(--tts-border);border-radius:var(--tts-border-radius);padding:var(--tts-padding);box-shadow:var(--tts-shadow);transition:box-shadow var(--tts-transition);min-height:var(--tts-height);display:flex;align-items:center;gap:var(--tts-gap)}wp-tts-player .tts-container:hover{box-shadow:var(--tts-shadow-hover)}wp-tts-player[position=bottom][sticky=true] .tts-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:900px;z-index:var(--tts-z-index)}wp-tts-player[position=top][sticky=true] .tts-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:900px;z-index:var(--tts-z-index)}wp-tts-player[position=inline] .tts-container{position:relative;width:100%;margin:20px 0}wp-tts-player .tts-controls{display:flex;align-items:center;gap:8px}wp-tts-player button{appearance:none;background:0 0;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--tts-text-primary);transition:all var(--tts-transition);display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}wp-tts-player button:hover{background:rgba(0,0,0,.05)}wp-tts-player button:active{transform:scale(.95)}wp-tts-player button:focus-visible{outline:3px solid var(--tts-accent);outline-offset:2px}wp-tts-player .tts-play-btn{width:40px;height:40px;background:var(--tts-accent);color:#fff;border-radius:50%;font-size:20px}wp-tts-player .tts-play-btn:hover{background:var(--tts-accent-hover);transform:scale(1.05)}wp-tts-player .tts-skip-btn{width:36px;height:36px;position:relative}wp-tts-player .tts-icon{width:20px;height:20px;display:block;fill:currentColor}wp-tts-player .tts-play-btn .tts-icon{width:22px;height:22px}wp-tts-player .tts-skip-btn .tts-icon{width:18px;height:18px}wp-tts-player .tts-skip-text{position:absolute;font-size:8px;font-weight:600;color:currentColor;opacity:.8}wp-tts-player .tts-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}wp-tts-player .tts-title{font-weight:500;color:var(--tts-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--tts-font-size)}wp-tts-player .tts-progress-container{position:relative;width:100%;height:6px;background:rgba(0,0,0,.1);border-radius:3px;cursor:pointer}wp-tts-player .tts-progress-bar{position:absolute;top:0;left:0;height:100%;background:var(--tts-accent);border-radius:3px;transition:width .1s linear}wp-tts-player .tts-progress-handle{position:absolute;top:50%;right:-6px;width:12px;height:12px;background:var(--tts-accent);border-radius:50%;transform:translateY(-50%);opacity:0;transition:opacity var(--tts-transition)}wp-tts-player .tts-progress-container:hover .tts-progress-handle{opacity:1}wp-tts-player .tts-time{display:flex;gap:4px;font-size:var(--tts-font-size-small);color:var(--tts-text-secondary);align-items:center}wp-tts-player .tts-time-separator{color:var(--tts-text-muted)}wp-tts-player .tts-speed-container{position:relative}wp-tts-player .tts-speed-btn{min-width:48px;padding:8px 12px;font-size:var(--tts-font-size-small);font-weight:500;border:1px solid var(--tts-border);border-radius:8px;background:var(--tts-bg)}wp-tts-player .tts-speed-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--tts-bg);border:1px solid var(--tts-border);border-radius:8px;box-shadow:var(--tts-shadow);padding:4px;min-width:80px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--tts-transition)}wp-tts-player .tts-speed-menu.active{opacity:1;visibility:visible;transform:translateY(0)}wp-tts-player .tts-speed-option{display:block;width:100%;padding:8px 12px;text-align:center;border-radius:4px;font-size:var(--tts-font-size-small)}wp-tts-player .tts-speed-option.active{background:var(--tts-accent);color:#fff}wp-tts-player .tts-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid var(--tts-border);border-top-color:var(--tts-accent);border-radius:50%;animation:tts-spin .8s linear infinite}@keyframes tts-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}wp-tts-player .tts-error{color:#ef4444;font-size:var(--tts-font-size-small);text-align:center;padding:8px}@media (max-width:768px){wp-tts-player{--tts-height:var(--tts-height-mobile);--tts-padding:12px;--tts-gap:8px;--tts-font-size:13px;--tts-font-size-small:11px}wp-tts-player[position=bottom][sticky=true] .tts-container,wp-tts-player[position=top][sticky=true] .tts-container{bottom:10px;width:calc(100% - 20px);border-radius:12px}wp-tts-player .tts-play-btn{width:36px;height:36px;font-size:18px}wp-tts-player .tts-skip-btn{width:28px;height:28px;font-size:14px}wp-tts-player .tts-title{font-size:var(--tts-font-size-small)}wp-tts-player[mode=compact] .tts-title{display:none}}.tts-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){wp-tts-player *{animation:none !important;transition-duration:.01ms !important}}@media (prefers-contrast:high){wp-tts-player .tts-container{border-width:2px}wp-tts-player button:focus-visible{outline-width:4px}}@media print{wp-tts-player{display:none !important}}