.speechable-player{--speechable-bg:#ffffff;--speechable-text:#1a1a1a;--speechable-button:#2563eb;--speechable-progress:#2563eb;--speechable-highlight:#fef08a;--speechable-border:#e5e7eb;--speechable-progress-bg:#e5e7eb;--speechable-radius:12px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:64px!important;padding:12px 16px!important;margin:16px 0!important;background:var(--speechable-bg)!important;border:1px solid var(--speechable-border)!important;border-radius:var(--speechable-radius)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-size:14px!important;line-height:1.4!important;color:var(--speechable-text)!important;box-sizing:border-box!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important;overflow:visible!important;position:relative!important}.speechable-player .speechable-play{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:none!important;border-radius:50%!important;background:var(--speechable-button)!important;color:#ffffff!important;cursor:pointer!important;flex-shrink:0!important;flex-grow:0!important;position:relative!important;box-sizing:border-box!important}.speechable-player .speechable-play:hover{opacity:0.85!important}.speechable-player .speechable-play svg{width:18px!important;height:18px!important;fill:currentColor!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-45%,-50%)!important}.speechable-player .speechable-play svg.icon-play{display:block!important}.speechable-player .speechable-play svg.icon-pause{display:none!important;transform:translate(-50%,-50%)!important}.speechable-player .speechable-play.is-playing svg.icon-play{display:none!important}.speechable-player .speechable-play.is-playing svg.icon-pause{display:block!important}.speechable-player .speechable-progress-wrap{flex:1 1 auto!important;min-width:60px!important;height:24px!important;padding:0!important;margin:0!important;cursor:pointer!important;display:flex!important;align-items:center!important;position:relative!important;background:transparent!important;box-sizing:border-box!important}.speechable-player .speechable-progress-bar{width:100%!important;height:4px!important;padding:0!important;margin:0!important;background-color:var(--speechable-progress-bg)!important;border-radius:2px!important;overflow:hidden!important;position:relative!important;box-sizing:border-box!important}.speechable-player .speechable-progress-fill{width:0;height:4px!important;min-height:4px!important;max-height:4px!important;padding:0!important;margin:0!important;background-color:var(--speechable-progress);border-radius:2px!important;position:absolute!important;top:0!important;left:0!important;box-sizing:border-box!important;transition:width 0.1s linear!important}.speechable-player .speechable-time,.speechable-player .speechable-duration{min-width:32px!important;padding:0!important;margin:0!important;font-size:13px!important;font-weight:500!important;text-align:center!important;color:var(--speechable-text)!important;white-space:nowrap!important;flex-shrink:0!important;font-variant-numeric:tabular-nums!important;background:transparent!important;border:none!important;box-sizing:border-box!important}.speechable-player .speechable-time::after{content:' /'!important;color:var(--speechable-border)!important;margin-left:1px!important;margin-right:1px!important}.speechable-player .speechable-speed{min-width:32px!important;height:26px!important;padding:4px 8px!important;margin:0!important;font-size:12px!important;font-weight:600!important;color:var(--speechable-text)!important;background:transparent!important;border:1px solid var(--speechable-border)!important;border-radius:4px!important;cursor:pointer!important;flex-shrink:0!important;box-sizing:border-box!important}.speechable-player .speechable-speed:hover{background:var(--speechable-progress-bg)!important}.speechable-player .speechable-download{display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:0!important;margin:0!important;background:transparent!important;border:1px solid var(--speechable-border)!important;border-radius:6px!important;color:var(--speechable-text)!important;cursor:pointer!important;flex-shrink:0!important;box-sizing:border-box!important}.speechable-player .speechable-download:hover{background:var(--speechable-button)!important;border-color:var(--speechable-button)!important;color:#ffffff!important}.speechable-player .speechable-download svg{width:14px!important;height:14px!important;stroke:currentColor!important;fill:none!important;display:block!important}@media screen and (max-width:480px){.speechable-player{flex-wrap:wrap!important;gap:10px!important;padding:10px 12px!important;min-height:auto!important}.speechable-player .speechable-play{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}.speechable-player .speechable-play svg{width:16px!important;height:16px!important}.speechable-player .speechable-progress-wrap{order:10!important;flex:1 1 100%!important;width:100%!important;min-width:100%!important;height:20px!important}.speechable-player .speechable-time,.speechable-player .speechable-duration{font-size:12px!important;min-width:28px!important}.speechable-player .speechable-speed{height:24px!important;padding:2px 6px!important;font-size:11px!important;min-width:28px!important}.speechable-player .speechable-download{width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important}.speechable-player .speechable-download svg{width:12px!important;height:12px!important}}.speechable-word{transition:background-color 0.1s ease,box-shadow 0.1s ease}.speechable-highlight{background-color:var(--speechable-highlight,#fef08a);border-radius:2px;box-shadow:0 0 0 2px var(--speechable-highlight,#fef08a)}.speechable-player .speechable-highlight-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;padding:2px!important;margin:0!important;background:transparent!important;border:1px solid var(--speechable-border)!important;border-radius:50%!important;cursor:pointer!important;flex-shrink:0!important;box-sizing:border-box!important;transition:transform 0.15s,border-color 0.15s!important;position:relative!important}.speechable-player .speechable-highlight-btn:hover{transform:scale(1.1)!important;border-color:var(--speechable-button)!important}.speechable-player .speechable-hl-circle{display:block!important;width:100%!important;height:100%!important;border-radius:50%!important}.speechable-player .speechable-highlight-picker{position:absolute!important;bottom:calc(100% + 6px)!important;left:50%!important;transform:translateX(-50%)!important;display:none!important;flex-direction:row!important;align-items:center!important;gap:4px!important;padding:5px 7px!important;background:var(--speechable-bg)!important;border:1px solid var(--speechable-border)!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;z-index:100!important;white-space:nowrap!important;width:auto!important;height:auto!important}.speechable-player .speechable-highlight-picker.show{display:flex!important}.speechable-player .speechable-hl-option{width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;padding:0!important;margin:0!important;background:transparent!important;border:2px solid transparent!important;border-radius:50%!important;cursor:pointer!important;transition:border-color 0.15s,transform 0.15s!important;box-sizing:border-box!important;flex-shrink:0!important}.speechable-player .speechable-hl-option:hover{transform:scale(1.15)!important}.speechable-player .speechable-hl-option.active{border-color:var(--speechable-button)!important}.speechable-player .speechable-hl-option span{display:block!important;width:10px!important;height:10px!important;border-radius:50%!important;margin:1px!important}@media screen and (max-width:480px){.speechable-player .speechable-highlight-btn{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important}}