:root{--vbi-primary: #059669;--vbi-primary-hover: #047857;--vbi-primary-gradient: linear-gradient(135deg, #10b981, #059669);--vbi-bg: rgba(255, 255, 255, .9);--vbi-solid-bg: #ffffff;--vbi-text: #0f172a;--vbi-border: rgba(226, 232, 240, .9);--vbi-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--vbi-highlight-bg: rgba(253, 224, 71, .3);--vbi-highlight-border: rgba(250, 204, 21, .6);--vbi-input-bg: rgba(241, 245, 249, .85)}.vbi-floating-player .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vbi-highlighted{background-color:var(--vbi-highlight-bg);box-shadow:0 0 0 2px var(--vbi-highlight-border);border-radius:6px;transition:background-color .3s ease,box-shadow .3s ease}.vbi-readable-block{cursor:pointer}.vbi-reader-trigger-wrapper{margin:1.5rem 0;display:flex;align-items:center}.vbi-reader-trigger-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--vbi-primary-gradient);color:#fff;border:none;border-radius:9999px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 10px 20px -5px #05966966;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;position:relative;overflow:hidden}.vbi-reader-trigger-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s;pointer-events:none}.vbi-reader-trigger-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 25px -5px #05966980}.vbi-reader-trigger-btn:hover:after{opacity:1}.vbi-reader-trigger-btn:focus-visible{outline:3px solid var(--vbi-primary);outline-offset:3px}.vbi-badge-vn{background:#ffffff40;padding:.2rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.vbi-floating-player{position:fixed;z-index:99999;width:min(94vw,600px);box-sizing:border-box;background-color:var(--vbi-bg);color:var(--vbi-text);border:1px solid var(--vbi-border);border-radius:1.5rem;box-shadow:var(--vbi-shadow);padding:1.25rem 1.5rem;font-family:inherit;font-size:16px;line-height:1.5;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s ease;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.vbi-floating-player *,.vbi-floating-player *:before,.vbi-floating-player *:after{box-sizing:border-box}.vbi-floating-player.vbi-pos-floating-bottom{bottom:1.5rem;left:50%;transform:translate(-50%) translateY(calc(100% + 3rem));opacity:0}.vbi-floating-player.vbi-pos-floating-bottom.vbi-active{transform:translate(-50%) translateY(0);opacity:1}.vbi-floating-player.vbi-pos-sticky-top{top:1rem;left:50%;transform:translate(-50%) translateY(calc(-100% - 3rem));opacity:0}.vbi-floating-player.vbi-pos-sticky-top.vbi-active{transform:translate(-50%) translateY(0);opacity:1}.vbi-floating-player.vbi-pos-inline-only{position:relative;width:100%;max-width:600px;margin:1rem 0 2rem;transform:none;opacity:0;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--vbi-solid-bg)}.vbi-floating-player.vbi-pos-inline-only.vbi-active{opacity:1}@media(max-width:640px){.vbi-floating-player{padding:1rem;border-radius:1.25rem}.vbi-floating-player.vbi-pos-floating-bottom{bottom:.75rem}}.vbi-player-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--vbi-border);margin-bottom:.85rem}.vbi-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.vbi-close-btn{background:transparent;border:none;cursor:pointer;color:var(--vbi-text);font-size:1.1rem;line-height:1;padding:.4rem .55rem;border-radius:.5rem;opacity:.6;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.vbi-close-btn:hover{opacity:1;background-color:#ef44441a;color:#ef4444}.vbi-voice-controls{margin-bottom:.85rem}.vbi-voice-controls[hidden]{display:none}#vbi-voice-select{width:100%;font-size:.85rem;font-family:inherit;padding:.6rem 2.25rem .6rem 1rem;border-radius:.75rem;border:1px solid var(--vbi-border);outline:none;background-color:var(--vbi-input-bg);color:var(--vbi-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;font-weight:500}#vbi-voice-select:hover,#vbi-voice-select:focus-visible{border-color:var(--vbi-primary);box-shadow:0 0 0 3px #05966926}.vbi-sentence-preview{background:var(--vbi-input-bg);border:1px solid var(--vbi-border);border-radius:1rem;padding:.85rem 1rem;margin:0 0 .6rem;font-size:.9rem;font-style:italic;line-height:1.5;color:var(--vbi-text);opacity:.9;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vbi-status-text{margin:0 0 .75rem;font-size:.78rem;font-weight:600;letter-spacing:.2px;opacity:.7;min-height:1em}.vbi-progress-bar{width:100%;height:6px;accent-color:var(--vbi-primary);background:var(--vbi-input-bg);border-radius:4px;cursor:pointer;margin:0 0 1.1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vbi-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--vbi-primary);border-radius:50%;border:none;box-shadow:0 2px 6px #00000040}.vbi-progress-bar::-moz-range-thumb{width:16px;height:16px;background:var(--vbi-primary);border-radius:50%;border:none}.vbi-progress-bar:focus-visible{outline:3px solid var(--vbi-primary);outline-offset:4px}.vbi-player-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.vbi-speed-group{display:flex;align-items:center;gap:.15rem;background:var(--vbi-input-bg);padding:.25rem;border-radius:.75rem;border:1px solid var(--vbi-border)}.vbi-speed-btn{background:transparent;border:none;font-family:inherit;font-size:.72rem;font-weight:700;padding:.35rem .55rem;border-radius:.5rem;cursor:pointer;color:var(--vbi-text);opacity:.6;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.vbi-speed-btn.vbi-active,.vbi-speed-btn:hover{background-color:var(--vbi-solid-bg);color:var(--vbi-primary);opacity:1;box-shadow:0 2px 5px #00000014}.vbi-btn-group{display:flex;align-items:center;gap:.5rem}.vbi-ctrl-btn{background:var(--vbi-input-bg);border:1px solid var(--vbi-border);width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--vbi-text);font-size:.95rem;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease}.vbi-ctrl-btn:hover{background:var(--vbi-border);transform:scale(1.05)}.vbi-ctrl-btn:focus-visible,.vbi-speed-btn:focus-visible,.vbi-close-btn:focus-visible{outline:3px solid var(--vbi-primary);outline-offset:2px}.vbi-ctrl-btn-play{width:54px;height:54px;background:var(--vbi-primary-gradient);border:none;color:#fff;box-shadow:0 8px 15px -3px #05966966;font-size:1.15rem;position:relative;isolation:isolate}.vbi-ctrl-btn-play:hover{transform:scale(1.08)}.vbi-is-speaking .vbi-ctrl-btn-play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--vbi-primary);animation:vbi-ripple 1.5s infinite ease-out;z-index:-1}@keyframes vbi-ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.vbi-theme-dark{--vbi-bg: rgba(15, 23, 42, .9);--vbi-solid-bg: #0f172a;--vbi-input-bg: rgba(30, 41, 59, .85);--vbi-text: #f8fafc;--vbi-border: rgba(51, 65, 85, .85);--vbi-primary: #10b981;--vbi-primary-hover: #059669;--vbi-primary-gradient: linear-gradient(135deg, #34d399, #10b981);--vbi-highlight-bg: rgba(234, 179, 8, .22);--vbi-highlight-border: rgba(234, 179, 8, .5);--vbi-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .1)}.vbi-theme-dark #vbi-voice-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.vbi-theme-sepia{--vbi-bg: rgba(251, 240, 217, .94);--vbi-solid-bg: #fbf0d9;--vbi-input-bg: rgba(232, 215, 190, .7);--vbi-text: #5f4b32;--vbi-border: rgba(214, 194, 165, .9);--vbi-primary: #8c6d46;--vbi-primary-hover: #735735;--vbi-primary-gradient: linear-gradient(135deg, #a17f54, #8c6d46);--vbi-highlight-bg: rgba(253, 224, 71, .45);--vbi-highlight-border: rgba(202, 138, 4, .6);--vbi-shadow: 0 25px 50px -12px rgba(95, 75, 50, .2), 0 0 0 1px rgba(95, 75, 50, .06)}.vbi-theme-sepia #vbi-voice-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f4b32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.vbi-theme-paperwhite{--vbi-bg: rgba(244, 241, 234, .94);--vbi-solid-bg: #f4f1ea;--vbi-input-bg: rgba(228, 225, 218, .8);--vbi-text: #1c1917;--vbi-border: rgba(206, 202, 198, .9);--vbi-primary: #44403c;--vbi-primary-hover: #292524;--vbi-primary-gradient: linear-gradient(135deg, #57534e, #44403c);--vbi-highlight-bg: rgba(180, 176, 172, .45);--vbi-highlight-border: rgba(120, 113, 108, .6);--vbi-shadow: 0 25px 50px -12px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .06)}.vbi-theme-paperwhite #vbi-voice-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.vbi-floating-player,.vbi-reader-trigger-btn,.vbi-ctrl-btn,.vbi-speed-btn,.vbi-close-btn,.vbi-highlighted{transition:none!important}.vbi-is-speaking .vbi-ctrl-btn-play:before{animation:none}.vbi-reader-trigger-btn:hover,.vbi-ctrl-btn:hover,.vbi-ctrl-btn-play:hover{transform:none}}@media(prefers-contrast:more){.vbi-floating-player{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--vbi-solid-bg)}}.vbi-voice-warning,.vbi-player-warning{margin:.6rem 0 0;padding:.65rem .85rem;border-radius:.6rem;background:#fef3c7;border:1px solid #fcd34d;color:#78350f;font-size:.82rem;line-height:1.5}.vbi-voice-warning[hidden],.vbi-player-warning[hidden]{display:none}.vbi-player-warning{margin:0 0 .85rem}.vbi-theme-dark .vbi-player-warning{background:#78350f59;border-color:#fcd34d80;color:#fde68a}.vbi-header-actions{display:flex;align-items:center;gap:.15rem}.vbi-collapse-btn{background:transparent;border:none;cursor:pointer;color:var(--vbi-text);font-size:.9rem;line-height:1;padding:.4rem .55rem;border-radius:.5rem;opacity:.6;transition:opacity .2s ease,background-color .2s ease}.vbi-collapse-btn:hover{opacity:1;background-color:var(--vbi-input-bg)}.vbi-floating-player.vbi-collapsed .vbi-sentence-preview,.vbi-floating-player.vbi-collapsed .vbi-status-text,.vbi-floating-player.vbi-collapsed .vbi-progress-bar,.vbi-floating-player.vbi-collapsed .vbi-voice-controls,.vbi-floating-player.vbi-collapsed .vbi-speed-group{display:none}.vbi-floating-player.vbi-collapsed .vbi-player-header{padding-bottom:.5rem;margin-bottom:.6rem}.vbi-floating-player.vbi-collapsed .vbi-player-controls{justify-content:center}.vbi-speed-btn{min-height:32px;min-width:40px}@media(pointer:coarse){.vbi-speed-btn{min-height:44px;min-width:46px;font-size:.78rem}.vbi-close-btn,.vbi-collapse-btn{min-width:44px;min-height:44px}.vbi-speed-group{flex:1 1 100%;justify-content:space-between}}@media(max-width:640px){.vbi-speed-btn{min-height:44px;min-width:46px}.vbi-close-btn,.vbi-collapse-btn{min-width:44px;min-height:44px}.vbi-player-controls{gap:.5rem}.vbi-btn-group{flex:1;justify-content:space-around}}.vbi-sr-live{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.vbi-player-open body{padding-bottom:var(--vbi-player-space, 0px);transition:padding-bottom .25s ease}@media(prefers-reduced-motion:reduce){html.vbi-player-open body{transition:none}}.vbi-player-controls .vbi-speed-group{order:1}.vbi-player-controls .vbi-btn-group{order:2}