.sound-control-widget{position:relative}.sound-control-btn{background:0 0;border:none;cursor:pointer;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;position:relative}.sound-control-btn:hover{background-color:var(--bg-element);color:var(--primary-accent)}.sound-control-btn.playing{color:var(--color-violet)}.sound-control-btn.playing:hover{background-color:var(--color-violet-light)}.sound-control-btn svg{width:18px;height:18px}.sound-control-btn .sound-eq-bars{display:none}.sound-control-btn.playing>svg{display:none!important}.sound-control-btn.playing .sound-eq-bars{display:flex!important}.sound-eq-bars{align-items:flex-end;justify-content:center;gap:2px;height:16px}.sound-eq-bars span{width:3px;background:var(--color-violet);border-radius:1.5px;animation:1.2s ease-in-out infinite eqBar}.sound-control-btn:hover .sound-eq-bars span{background:var(--primary-accent)}.sound-eq-bars span:first-child{height:40%;animation-delay:0s}.sound-eq-bars span:nth-child(2){height:70%;animation-delay:.2s}.sound-eq-bars span:nth-child(3){height:50%;animation-delay:.4s}@keyframes eqBar{0%,100%{height:30%}25%{height:90%}50%{height:50%}75%{height:80%}}.sound-control-panel{position:absolute;top:calc(100% + 8px);right:-40px;width:280px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transition:.2s cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;z-index:10000}.sound-control-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.sound-panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-alt-section)}.sound-panel-header svg{width:15px;height:15px;color:var(--primary-accent)}.sound-panel-header span{font-size:.82rem;font-weight:600;color:var(--text-headings);font-family:var(--font-ui)}.sound-panel-body{padding:12px 16px 14px;display:flex;flex-direction:column;gap:8px}.sound-option{display:flex;align-items:center;justify-content:space-between;gap:10px}.sound-option-info{display:flex;align-items:center;gap:8px;flex:1}.sound-option-info svg{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.sound-option-info span{font-size:.8rem;color:var(--text-primary);font-weight:500}.sound-slider-row{display:flex;align-items:center;gap:8px;padding:2px 0 4px 2px}.sound-slider-row svg{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.sound-slider{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;outline:0;background:var(--border-color);transition:background var(--transition-fast)}.sound-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.15);transition:transform var(--transition-fast)}.sound-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sound-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-accent);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.15)}.sound-vol-label{font-size:.7rem;color:var(--text-muted);min-width:30px;text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.sound-backdrop{display:none}@media (max-width:768px){.sound-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100000;opacity:0;transition:opacity .25s}.sound-backdrop.active{display:block;opacity:1}.sound-control-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:20px 20px 0 0;transform:translateY(100%);opacity:1;visibility:visible;pointer-events:none;z-index:100001;transition:transform .3s cubic-bezier(.32, .72, 0, 1)}.sound-control-panel.open{transform:translateY(0);pointer-events:auto}.sound-panel-body{padding:16px 20px 24px;gap:12px}.sound-panel-header{padding:16px 20px}}@media (max-width:480px){.sound-control-btn{width:32px;height:32px}.sound-control-btn svg{width:16px;height:16px}}