.scroll-to-top{z-index:1002;cursor:pointer;background:#ff2a36;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:40px;right:40px;overflow:hidden;box-shadow:0 10px 25px #ff2a3666}.scroll-to-top:hover{background:#000;transform:translateY(-8px);box-shadow:0 15px 35px #0000004d}.progress-ring{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring__circle{stroke:#fff;stroke-width:3px;fill:#0000;transition:stroke-dashoffset .1s linear}.scroll-icon{color:#fff;z-index:2;font-size:24px;position:relative}.scroll-to-top:before{content:"";opacity:0;border:1px solid #ff2a36;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width:768px){.scroll-to-top{width:45px;height:45px;bottom:20px;right:20px}}
.tts-widget-container{z-index:1002;font-family:var(--font-poppins), sans-serif;position:fixed;bottom:40px;left:40px}.tts-floating-trigger{cursor:pointer;color:#fff;background:#ff2a36;border:none;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible;box-shadow:0 10px 25px #ff2a3666}.tts-floating-trigger:hover{background:#000;transform:translateY(-8px);box-shadow:0 15px 35px #0006}.tts-speaker-icon{z-index:2;transition:transform .3s}.tts-floating-trigger:hover .tts-speaker-icon{transform:scale(1.1)}.tts-floating-trigger.active{background:#000;border:1px solid #ff2a3699;box-shadow:0 10px 25px #0006}.tts-floating-trigger.active:hover{border-color:#ff2a36}.pulse-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pulse-ring{opacity:0;pointer-events:none;z-index:1;border:2px solid #ff2a36;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.pulse-ring.first{animation:2s ease-out infinite tts-pulse}.pulse-ring.second{animation:2s ease-out 1s infinite tts-pulse}.scale-pulse{animation:1.5s ease-in-out infinite alternate tts-icon-scale}@keyframes tts-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes tts-icon-scale{0%{transform:scale(.95)}to{transform:scale(1.1)}}.tts-panel{-webkit-backdrop-filter:blur(20px);color:#fff;z-index:1001;background:#0f0f0fd9;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:320px;display:flex;position:absolute;bottom:75px;left:0;overflow:hidden;box-shadow:0 20px 45px #00000080}.tts-panel-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tts-header-info{align-items:center;gap:10px;display:flex}.tts-voice-indicator{color:#ff2a36;background:#ff2a361a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.idle-speaker{opacity:.5;color:#fff}.tts-panel-title{letter-spacing:.5px;font-size:14px;font-weight:600}.tts-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.tts-close-btn:hover{color:#ff2a36}.tts-panel-body{flex-direction:column;gap:16px;padding:20px;display:flex}.tts-now-playing{background:#ffffff08;border:1px solid #ffffff05;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.tts-now-playing .label{text-transform:uppercase;color:#fff6;letter-spacing:.8px;font-size:10px}.tts-now-playing .value{color:#fff;font-size:13px;font-weight:500}.tts-actions-row{justify-content:center;align-items:center;gap:16px;margin:8px 0;display:flex}.tts-btn-main{color:#fff;cursor:pointer;background:#ff2a36;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 5px 15px #ff2a364d}.tts-btn-main:hover{color:#ff2a36;background:#fff;transform:scale(1.05);box-shadow:0 8px 20px #ffffff26}.tts-btn-main.playing{color:#ff2a36;background:#fff}.tts-btn-main.playing:hover{color:#fff;background:#ff2a36;box-shadow:0 8px 20px #ff2a364d}.play-icon-shift{transform:translate(1px)}.tts-btn-stop{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.tts-btn-stop:hover:not(:disabled){color:#ff2a36;background:#ff2a3626;border-color:#ff2a36}.tts-btn-stop:disabled{opacity:.3;cursor:not-allowed}.tts-speed-container{flex-direction:column;gap:8px;display:flex}.speed-label{text-transform:uppercase;color:#fff6;letter-spacing:.5px;font-size:11px}.speed-options{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;width:100%;padding:3px;display:flex}.speed-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 0;font-size:11px;font-weight:500;transition:all .2s}.speed-btn:hover{color:#fff;background:#ffffff05}.speed-btn.active{color:#fff;background:#ff2a36;box-shadow:0 2px 8px #ff2a364d}.tts-dropdown-container{width:100%;position:relative}.tts-dropdown-trigger{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.tts-dropdown-trigger:hover{background:#ffffff14;border-color:#ff2a3666}.tts-dropdown-trigger .caret{transition:transform .2s}.tts-dropdown-trigger .caret.rotated{transform:rotate(180deg)}.tts-dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1005;background:#141414f2;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;width:100%;max-height:180px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.tts-dropdown-menu::-webkit-scrollbar{width:5px}.tts-dropdown-menu::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.tts-dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.tts-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#ff2a36}.dropdown-item{text-align:left;color:#ffffffb3;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:11px;font-weight:500;transition:all .2s;overflow:hidden}.dropdown-item:hover{color:#ff2a36;background:#ff2a361a}.dropdown-item.active{color:#ff2a36;background:#ff2a3626;font-weight:600}.tts-tip-message{opacity:.5;align-items:flex-start;gap:8px;padding:4px 2px;transition:opacity .3s;display:flex}.tts-tip-message:hover{opacity:.85}.tip-icon{color:#ff2a36;flex-shrink:0;margin-top:1px}.tts-tip-message span{color:#fff;font-size:9.5px;line-height:1.4}.tts-waveform{align-items:flex-end;gap:2px;width:16px;height:16px;display:flex}.wave-bar{background-color:#ff2a36;border-radius:1px;width:2px;display:block}.bar-1{animation:.5s ease-in-out infinite alternate tts-wave}.bar-2{animation:.8s ease-in-out infinite alternate tts-wave}.bar-3{animation:.6s ease-in-out infinite alternate tts-wave}.bar-4{animation:.7s ease-in-out infinite alternate tts-wave}.bar-5{animation:.4s ease-in-out infinite alternate tts-wave}@keyframes tts-wave{0%{height:3px}to{height:14px}}.tts-selection-tooltip{pointer-events:auto;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #ffffff26;border-radius:20px;padding:2px;box-shadow:0 8px 24px #0006}.tts-tooltip-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:18px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.tts-tooltip-btn:hover{background:#ff2a36;transform:translateY(-1px)}.sparkle-icon{color:#ff2a36;transition:color .2s}.tts-tooltip-btn:hover .sparkle-icon{color:#fff;animation:1s linear infinite spin-pulse}@keyframes spin-pulse{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}.tooltip-arrow{z-index:10;border-top:6px solid #000;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (max-width:768px){.tts-widget-container{bottom:20px;left:20px}.tts-floating-trigger{width:45px;height:45px}.tts-floating-trigger .tts-speaker-icon{width:20px;height:20px}.tts-panel{width:280px;bottom:60px;left:0}.tts-panel-body{gap:12px;padding:15px}}@media (max-width:480px){.tts-panel{width:calc(100vw - 40px);max-width:320px}}
