.progress-section{display:grid;grid-template-areas:"current . remaining" "progress progress progress";align-items:center;gap:8px;padding:0 12px}.progress-section .progress-bar{position:relative;height:6px;background:#e0e0e0;border-radius:3px;cursor:pointer;grid-area:progress}.progress-seek{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;margin:0;z-index:2}.progress-loaded{position:absolute;height:100%;background:#bdbdbd;border-radius:3px}.progress-played{position:absolute;height:100%;background:#1a73e8;border-radius:3px}.time{font-family:monospace;font-size:14px;color:#666}.current-time{grid-area:current;justify-self:start}.time-remaining{grid-area:remaining;justify-self:end}.main-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:32px 0 0 0}.control-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;cursor:pointer;border-radius:50%;background:#f8f9fa;color:#424242;transition:all 0.2s ease;box-shadow:0 2px 8px rgb(0 0 0 / .08);-webkit-tap-highlight-color:#fff0}.control-button:focus{background:#f8f9fa;color:#424242;outline:none}.control-button:active{background:#f8f9fa;color:#424242;transform:translateY(1px);box-shadow:0 1px 4px rgb(0 0 0 / .1)}.control-button:hover{background:#e8f0fe;color:#1a73e8;transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .12)}.play-icon,.pause-icon{min-width:64px;min-height:64px;color:currentColor}.skip-icon{min-width:50px;min-height:50px;color:currentColor;transition:transform 0.3s ease}.chapter-skip-icon{min-width:50px;min-height:50px;color:currentColor}@keyframes rotateClockwise{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.skip-button.forward-30 .skip-icon.rotating{animation:rotateClockwise 0.5s ease}.skip-button.rewind-30 .skip-icon.rotating{animation:rotateCounterClockwise 0.5s ease}@media screen and (max-width:768px){.main-controls{gap:12px}.chapter-skip-icon{width:38px;height:38px}.skip-icon{width:38px;height:38px}.play-icon,.pause-icon{width:56px;height:56px}.time{font-size:12px}}