@layer components{:root{--bb-tts-transition:.2s ease;--bb-tts-radius:12px;--bb-tts-radius-lg:16px;--bb-tts-shadow-lg:0 12px 40px rgba(0,0,0,.1)}.tts-trigger.active{color:var(--color-accent)}.tts-minibar{align-items:center;background:var(--color-surface);bottom:0;display:flex;gap:10px;height:40px;left:0;opacity:0;padding:0 16px;pointer-events:none;position:fixed;right:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease,bottom .3s ease-in-out;z-index:99;box-shadow:0 -4px 20px rgba(0,0,0,.25)}.tts-minibar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:767px){.tts-minibar.mobile-above-nav{bottom:58px}}@media (min-width:768px){.tts-minibar{border-radius:24px;bottom:20px;left:50%;right:auto;transform:translateX(-50%);max-width:480px;padding:0 14px;width:auto;box-shadow:0 8px 24px rgba(0,0,0,.3)}}.tts-inline-wrap{display:none;margin:14px 0 6px}@media (min-width:768px){.tts-inline-wrap{display:flex;align-items:center;gap:8px}}.tts-trigger-btn{align-items:center;background:var(--color-accent-soft);border:none;border-radius:50px;color:var(--color-text-body);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:6px;height:36px;padding:0 16px;transition:all .2s}.tts-trigger-btn:hover{background:var(--color-accent-soft);color:var(--color-accent)}.tts-trigger-btn.active{background:var(--color-accent-soft);color:var(--color-accent)}.tts-trigger-btn.tts-voice-off,.tts-trigger-btn.tts-voice-off:hover,.bottom-nav-icon.tts-voice-off,.bottom-nav-icon.tts-voice-off:hover{background:var(--color-accent-soft);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}@media (min-width:768px){.tts-inline-wrap .tts-minibar{background:var(--color-accent-soft);border-radius:18px;bottom:auto;box-shadow:none;flex:1;height:36px;left:auto;max-width:640px;min-width:0;opacity:0;padding:0 10px;pointer-events:none;position:static;right:auto;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;width:auto}.tts-inline-wrap .tts-minibar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}}.tts-wave{align-items:center;display:flex;flex-shrink:0;gap:2px;height:18px;justify-content:center;width:20px}.tts-wave i{background:var(--color-accent);border-radius:2px;width:3px;animation:tts-wave 1s ease-in-out infinite}.tts-wave i:nth-child(1){height:8px;animation-delay:0s}.tts-wave i:nth-child(2){height:14px;animation-delay:.2s}.tts-wave i:nth-child(3){height:10px;animation-delay:.4s}@keyframes tts-wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}.tts-minibar.paused .tts-wave i{animation-play-state:paused;opacity:.5}.tts-info{color:var(--color-text-body);flex:1;font-size:.78rem;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tts-info .tts-info-section{color:var(--color-accent);font-weight:600}.tts-info .tts-info-loc{color:var(--color-text-muted)}.tts-info .tts-info-loc:not(:empty):after{content:' · ';color:var(--color-text-muted)}.tts-info .tts-info-loc:empty{display:none}.tts-btn{align-items:center;background:0 0;border:none;border-radius:50%;color:var(--color-text-body);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.tts-btn:hover{background:var(--color-accent-soft);color:var(--color-accent)}.tts-btn:active{transform:scale(.9)}.tts-btn.toggle{background:var(--color-accent-soft);color:var(--color-accent);font-size:1.05rem;height:36px;width:36px}.tts-btn.toggle:hover{background:var(--color-accent);color:var(--color-on-accent)}#post-content .tts-sentence-active{background:var(--color-accent-soft);border-radius:4px;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 8%,transparent);color:var(--color-accent);font-weight:500;padding:0 2px}#post-content .tts-sentence-done{color:var(--color-text-muted)}.tts-settings-divider{border-top:1px solid var(--color-border);margin:16px 0 0;padding-top:16px}.tts-section-chips{display:flex;flex-wrap:wrap;gap:8px}.tts-chip{background:var(--color-accent-soft);border:none;border-radius:50px;color:var(--color-text);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all var(--bb-tts-transition)}.tts-chip:hover{background:var(--color-accent-soft);color:var(--color-accent)}.tts-chip.active{background:var(--color-accent);color:var(--color-on-accent)}.tts-chip:active{transform:scale(.95)}.tts-voice-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.tts-voice-grid .tts-chip{border-radius:10px;font-size:.78rem;padding:8px 6px;text-align:center;white-space:nowrap}.tts-switch-row{align-items:center;display:flex;justify-content:space-between;min-height:28px}.tts-switch-label{color:var(--color-text-body);font-size:.82rem;font-weight:500}.tts-switch{cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;position:relative;width:44px}.tts-switch input{height:0;opacity:0;position:absolute;width:0}.tts-switch .tts-switch-track{background:var(--color-border);border-radius:12px;height:24px;position:absolute;transition:background .2s;width:44px}.tts-switch .tts-switch-thumb{background:var(--color-text-muted);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3);height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.tts-switch input:checked+.tts-switch-track{background:var(--color-accent)}.tts-switch input:checked+.tts-switch-track+.tts-switch-thumb{background:var(--color-on-accent);transform:translateX(20px)}.tts-settings-panel{background:var(--color-surface);border-radius:var(--bb-tts-radius-lg);box-shadow:var(--bb-tts-shadow-lg);left:50%;max-height:75vh;max-width:calc(100vw - 32px);opacity:0;overflow-y:auto;padding:18px 18px 20px;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.96);transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;width:340px;z-index:1000}.tts-settings-panel.open{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.tts-settings-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:0 2px}.tts-settings-title{align-items:center;color:var(--color-text);display:inline-flex;font-size:1rem;font-weight:600;gap:8px}.tts-settings-title i{color:var(--color-accent);font-size:.9rem}.tts-settings-close{align-items:center;background:0 0;border:none;border-radius:50%;color:var(--color-text-body);cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.tts-settings-close:hover{background:var(--color-accent-soft);color:var(--color-accent)}.tts-settings-body{display:flex;flex-direction:column;gap:14px}.tts-settings-group{background:var(--color-accent-soft);border-radius:var(--bb-tts-radius);display:flex;flex-direction:column;gap:12px;padding:14px}.tts-group-title{align-items:center;color:var(--color-text);display:flex;font-size:.82rem;font-weight:600;gap:6px;margin-bottom:2px}.tts-group-title i{color:var(--color-accent);font-size:.82rem;width:16px}.tts-settings-label{color:var(--color-text-body);font-size:.75rem;font-weight:600;letter-spacing:.02em}.tts-speed-options{display:flex;gap:10px}.tts-speed-options .tts-chip{flex:1;padding:8px 0;text-align:center}}