.btn-read-aloud{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;color:#333;line-height:1.4;vertical-align:middle;transition:background .15s}.btn-read-aloud:hover{background:#e8e8e8}.btn-read-aloud:disabled{opacity:.6;cursor:not-allowed}.read-aloud-bar{position:fixed;bottom:0;left:0;right:0;background:#1c1c1e;color:#fff;z-index:9999;box-shadow:0 -2px 12px rgba(0,0,0,.4)}.ra-progress-top{position:absolute;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.12);overflow:visible}.ra-progress-fill{position:relative;height:100%;width:0%;background:#e5252c;transition:width .25s linear;border-radius:0 2px 2px 0}.ra-progress-fill::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#e5252c;border-radius:50%;box-shadow:0 0 0 2px rgba(229,37,44,.35)}.read-aloud-close-btn{position:absolute;top:-36px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 12px 4px 8px;background:#fff;border:none;border-radius:20px;cursor:pointer;font-size:13px;color:#333;box-shadow:0 1px 6px rgba(0,0,0,.25);transition:background .15s}.read-aloud-close-btn:hover{background:#f0f0f0}.read-aloud-bar-inner{display:flex;align-items:center;gap:10px;padding:10px 14px 10px}.read-aloud-toggle-btn{flex-shrink:0;background:0 0;border:none;padding:0;cursor:pointer;outline:0}.ra-thumbnail-wrap{position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#333}.ra-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.ra-icon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff}.read-aloud-bar-center{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.read-aloud-bar-title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-aloud-bar-chapter{font-size:12px;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-aloud-bar-status{font-size:11px;color:rgba(255,255,255,.45)}.read-aloud-bar-right{flex-shrink:0}.read-aloud-select{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:5px 8px;font-size:13px;cursor:pointer;outline:0;appearance:none;-webkit-appearance:none;min-width:60px;text-align:center}.read-aloud-select option{background:#2c2c2e;color:#fff}.read-aloud-select:focus{border-color:rgba(255,255,255,.4)}@keyframes ra-spin{to{transform:rotate(360deg)}}.ra-spin{animation:ra-spin .9s linear infinite}@media (max-width:480px){.read-aloud-bar-inner{padding:8px 10px;gap:8px}.read-aloud-bar-title{font-size:13px}.read-aloud-select{font-size:12px;padding:4px 6px}}