.bv-player{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 6%, var(--bg-card)), var(--bg-card));border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:var(--radius-xl);overflow:hidden}.bv-player-header{padding:28px 28px 16px}.bv-player-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:100px;margin-bottom:12px;padding:4px 14px;font-size:.7rem;font-weight:700;display:inline-block}.bv-player-title{margin-bottom:6px;font-size:1.2rem;font-weight:800}.bv-player-desc{color:var(--text-secondary);font-size:.88rem}.bv-chapters{flex-wrap:wrap;gap:6px;padding:0 28px 16px;display:flex;overflow-x:auto}.bv-ch{color:var(--text-muted);background:color-mix(in srgb, var(--bg-card) 75%, var(--border));border:1px solid var(--border);white-space:nowrap;border-radius:100px;padding:5px 14px;font-size:.72rem;font-weight:600;transition:all .2s}.bv-ch:hover{color:var(--text-primary)}.bv-ch--active{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.bv-ch--done{color:var(--accent2);border-color:color-mix(in srgb, var(--accent2) 30%, transparent)}.bv-text-area{max-height:200px;padding:0 28px 20px;overflow-y:auto}.bv-ch-title{color:var(--accent);margin-bottom:10px;font-size:.9rem;font-weight:700}.bv-karaoke{font-size:.92rem;line-height:1.9}.bv-sent{transition:all .3s}.bv-sent--active{color:var(--text-primary);font-weight:600}.bv-sent--past{color:var(--text-muted)}.bv-sent--future{color:var(--text-secondary);opacity:.4}.bv-sent--highlight{color:var(--accent);font-size:1.05rem;font-weight:800}.bv-controls{border-top:1px solid var(--border)}.bv-progress{background:color-mix(in srgb, var(--border) 58%, transparent);cursor:pointer;height:3px}.bv-progress-fill{background:var(--accent);height:100%;transition:width .3s}.bv-ctrl-row{justify-content:center;align-items:center;gap:14px;padding:14px 28px;display:flex}.bv-ctrl-play{background:var(--accent);width:48px;height:48px;color:var(--text-on-accent,#070b0f);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.bv-ctrl-play:hover{background:color-mix(in srgb, var(--accent) 85%, black);transform:scale(1.05)}.bv-ctrl-btn{color:var(--text-secondary);background:color-mix(in srgb, var(--bg-card) 80%, var(--border));cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:.78rem;font-weight:600;transition:all .2s}.bv-ctrl-btn:hover{color:var(--text-primary)}.bv-ctrl-btn:disabled{opacity:.3}.bv-ctrl-info{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.bv-compact{background:var(--bg-card);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.bv-compact-info{flex:1}.bv-compact-badge{color:var(--accent);font-size:.65rem;font-weight:700}.bv-compact-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.bv-compact-desc{color:var(--text-muted);font-size:.78rem}.bv-compact-play{background:var(--accent);width:40px;height:40px;color:var(--text-on-accent,#070b0f);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.bv-compact-play:hover{background:color-mix(in srgb, var(--accent) 85%, black);transform:scale(1.1)}.bv-compact-bar{background:color-mix(in srgb, var(--border) 58%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.bv-compact-fill{background:var(--accent);height:100%;transition:width .3s}@media (width<=640px){.bv-player-header{padding:20px 16px 12px}.bv-chapters{padding:0 16px 12px}.bv-text-area{padding:0 16px 16px}.bv-ctrl-row{padding:12px 16px}}.bv-loading-bar{background:color-mix(in srgb, var(--border) 58%, transparent);border-radius:2px;max-width:200px;height:4px;margin-top:16px;margin-left:auto;margin-right:auto;overflow:hidden}.bv-loading-fill{background:var(--gold);border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite bv-load}@keyframes bv-load{0%{transform:translate(-100%)}to{transform:translate(350%)}}.bv-progress{cursor:pointer}