.sound-btn {align-items: center;margin: 0px;padding: 0px;}.sound-btn span {color: #404040;}.listen-container {display: flex;flex-direction: column;gap: 12px;}.listen-progress {position: relative;background: #e9e9e9;height: 6px;border-radius: 3px;overflow: hidden;cursor: pointer;}.progress-bar {background: #666;height: 100%;width: 0%;transition: width 100ms linear;cursor: pointer;}.listen-wrap {display: flex;align-items: center;gap: 20px;color: #404040;}.listen-btn, .skip-btn {background: transparent;border: none;cursor: pointer;padding: 0;color: #404040;font-weight: 100;}.skip-btn:hover {color: #404040;font-weight: 100;}.skip-btn img {height: 24px;width: 24px;}.icon-circle {width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #f0f0f0;}.listen-speed-wrap {position: relative;display: inline-block;}.listen-speed {background: transparent;border: none;cursor: pointer;font-weight: 100;color: #404040;}.listen-speed: hover {color: #404040;}.speed-menu {position: absolute;top: 100%;left: 0;background: #fff;border: 1px solid #ccc;border-radius: 6px;padding: 0;list-style: none;margin: 8px 0 0;width: 70px;z-index: 999;box-shadow: 0 2px 6px rgba(0,0,0,0.15);overflow: hidden;}.speed-menu li {cursor: pointer;color: #333;padding: 4px;border-bottom: 1px solid #ccc;font-size: 14px;}.speed-menu li:hover {background-color: #f0f0f0;}.speed-menu li.active {background-color: #f0f0f0;}.d-none {display: none !important;}.listen-wrap .listen-speed-wrap button {color: #404040;padding: 0;}.listen-wrap .skip-btn {line-height: 0;}#speed-menu li:before {display: none;}.speed-control #speedControl {border: none;background: #fff;font-size: 16px;}.progress {width: 100%;height: 4px;background: #ddd;border-radius: 5px;cursor: pointer;position: relative;}.progress-filled {height: 100%;width: 0%;background: #333;border-radius: 5px;}.controls {display: flex;align-items: center;justify-content: space-between;}.time {font-size: 16px;min-width: 50px;text-align: right;}