.content-reader-player{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px 10px;margin:2px 0 10px 0;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.content-reader-player audio{width:100%;margin-bottom:15px;outline:none}.content-reader-controls{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.content-reader-controls p{margin:0!important;display:flex;justify-content:center;align-items:center;padding:0!important}.content-reader-player audio{display:none!important}.content-reader-controls .play-pause-btn{background:#007cba;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:background-color 0.2s ease;flex-shrink:0}.content-reader-controls .play-pause-btn:hover{background:#005a87}.content-reader-controls .progress-bar{flex:1;height:4px;background:#e9ecef;border-radius:2px;position:relative;cursor:pointer;min-width:100px}.content-reader-controls .progress{height:100%;background:#007cba;border-radius:2px;width:0%;transition:width 0.1s ease}.content-reader-controls .volume-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:4px;border-radius:3px;transition:background-color 0.2s ease;flex-shrink:0}.content-reader-controls .volume-btn:hover{background:rgb(0 124 186 / .1)}.content-reader-controls .volume-range{width:50px;height:3px;-webkit-appearance:none;appearance:none;background:#e9ecef;border-radius:2px;outline:none;cursor:pointer;flex-shrink:0}.content-reader-controls .volume-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#007cba;border-radius:50%;cursor:pointer}.content-reader-controls .volume-range::-moz-range-thumb{width:10px;height:10px;background:#007cba;border-radius:50%;cursor:pointer;border:none}.content-reader-controls .time{font-size:12px;color:#6c757d;white-space:nowrap;min-width:35px;text-align:center;font-family:monospace;flex-shrink:0}.content-reader-loading{text-align:center;padding:8px 10px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;color:#6c757d;font-style:italic;font-size:14px}.content-reader-loading::before{content:"🎵 ";animation:pulse 1.5s infinite}.content-reader-error{text-align:center;padding:20px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0;color:#721c24}.content-reader-title{font-size:14px;font-weight:500;color:#495057;display:flex;align-items:center;gap:6px;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-reader-title::before{content:"🎧";font-size:14px}@media (max-width:480px){.content-reader-player{padding:10px 12px}.content-reader-controls{gap:8px}.content-reader-title{font-size:14px;order:1}.content-reader-title::before{font-size:12px}.content-reader-controls .play-pause-btn{order:0;width:28px;height:28px;font-size:12px}.content-reader-controls .time{font-size:11px;min-width:30px}.content-reader-controls .volume-range{width:40px}.content-reader-controls .progress-bar,.content-reader-controls .time,.content-reader-controls .volume-btn,.content-reader-controls .volume-range{display:none}.content-reader-player.playing .content-reader-controls .progress-bar,.content-reader-player.playing .content-reader-controls .time,.content-reader-player.playing .content-reader-controls .volume-btn,.content-reader-player.playing .content-reader-controls .volume-range{display:flex}.content-reader-player.playing .content-reader-title{display:none}.content-reader-player.playing .content-reader-controls .time{display:inline-block}.content-reader-controls .progress-bar,.content-reader-controls .time,.content-reader-controls .volume-btn,.content-reader-controls .volume-range,.content-reader-title{transition:opacity 0.3s ease}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@media (prefers-color-scheme:dark){.content-reader-player{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.content-reader-loading{background:#2d3748;border-color:#4a5568;color:#a0aec0}.content-reader-title{color:#e2e8f0}.content-reader-controls .volume-btn:hover{background:rgb(255 255 255 / .1)}.content-reader-controls .volume-range{background:#4a5568}.content-reader-controls .volume-range::-webkit-slider-thumb{background:#63b3ed}.content-reader-controls .volume-range::-moz-range-thumb{background:#63b3ed}}