.kms-audio-player{background:var(--secondary);padding:var(--space-xl,2rem);width:100%}.kms-audio-player *{box-sizing:border-box}.kms-audio-player audio.primary-audio{display:none}.kms-player__inner{max-width:var(--kms-content-width);margin:0 auto}.kms-player__controls{display:flex;align-items:center;gap:var(--space-lg,1.5rem);margin-bottom:var(--space-md,1rem)}.kms-player__play{width:48px;height:48px;min-width:48px;background:var(--kms-red);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color 0.2s ease,transform 0.1s ease;position:relative}.kms-player__play:hover{background:var(--kms-red-hover)}.kms-player__play:active{transform:scale(.95)}.kms-player__play:focus{outline:2px solid var(--kms-red);outline-offset:2px}.kms-player__play::before{content:'';width:0;height:0;border-left:14px solid var(--tertiary);border-top:9px solid #fff0;border-bottom:9px solid #fff0;margin-left:4px;transition:all 0.15s ease}.kms-player__play.is-playing::before{border:none;width:4px;height:16px;background:var(--tertiary);margin-left:0;box-shadow:8px 0 0 var(--tertiary)}.kms-audio-player.is-loading .kms-player__play::before{border:none;width:20px;height:20px;background:#fff0;border-radius:50%;border:2px solid var(--tertiary);border-top-color:#fff0;animation:kms-spin 0.8s linear infinite;margin-left:0;box-shadow:none}@keyframes kms-spin{to{transform:rotate(360deg)}}.kms-player__progress-wrapper{flex:1;display:flex;flex-direction:column;gap:var(--space-xs,.25rem)}.kms-player__progress{height:4px;background:var(--kms-gray-700);border-radius:2px;position:relative;cursor:pointer;transition:height 0.15s ease}.kms-player__progress:hover{height:6px}.kms-player__progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:var(--kms-red);border-radius:2px;transition:width 0.1s linear}.kms-player__progress-handle{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--tertiary);border-radius:50%;opacity:0;transition:opacity 0.15s ease;box-shadow:0 1px 3px rgb(0 0 0 / .3)}.kms-player__progress:hover .kms-player__progress-handle{opacity:1}.kms-player__time{font-family:var(--kms-font-sans);font-size:var(--text-s);color:#A0A0A0;flex-shrink:0;min-width:100px;text-align:right;font-variant-numeric:tabular-nums}.kms-player__time-current::after{content:' / '}.kms-player__time-row{display:flex;justify-content:space-between;font-family:var(--kms-font-sans);font-size:var(--kms-text-label);color:#A0A0A0;font-variant-numeric:tabular-nums}.kms-player__skip-back,.kms-player__skip-forward{background:#fff0;border:none;color:#A0A0A0;cursor:pointer;padding:var(--space-xs,.25rem);font-family:var(--kms-font-sans);font-size:var(--kms-text-label);font-weight:600;transition:color 0.2s ease;display:flex;align-items:center;gap:2px}.kms-player__skip-back:hover,.kms-player__skip-forward:hover{color:var(--tertiary)}.kms-player__actions{display:flex;gap:var(--space-lg,1.5rem);justify-content:center;flex-wrap:wrap}.kms-player__action{font-family:var(--kms-font-sans);font-size:var(--text-s);font-weight:500;color:#A0A0A0;text-decoration:none;transition:color 0.2s ease}.kms-player__action:hover{color:var(--tertiary)}.kms-player__speed{background:#fff0;border:1px solid var(--kms-gray-600);color:#A0A0A0;padding:2px 8px;font-family:var(--kms-font-sans);font-size:var(--kms-text-label);font-weight:600;cursor:pointer;border-radius:3px;transition:all 0.2s ease}.kms-player__speed:hover{border-color:#A0A0A0;color:var(--tertiary)}.kms-player__volume-wrapper{display:flex;align-items:center;gap:var(--space-xs,.25rem)}.kms-player__volume{background:#fff0;border:none;color:#A0A0A0;cursor:pointer;padding:4px;transition:color 0.2s ease}.kms-player__volume:hover{color:var(--tertiary)}.kms-player__volume-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:var(--kms-gray-700);border-radius:2px;cursor:pointer}.kms-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--tertiary);border-radius:50%}@media (max-width:767px){.kms-audio-player{padding:var(--space-lg,1.5rem) var(--space-md,1rem)}.kms-player__controls{gap:var(--space-md,1rem)}.kms-player__play{width:44px;height:44px;min-width:44px}.kms-player__play::before{border-left-width:12px;border-top-width:8px;border-bottom-width:8px}.kms-player__time{font-size:var(--kms-text-label);min-width:80px}.kms-player__actions{gap:var(--space-md,1rem)}.kms-player__action{font-size:var(--kms-text-label)}}@media (max-width:478px){.kms-audio-player{padding:var(--space-md,1rem)}.kms-player__controls{flex-wrap:wrap;justify-content:center;gap:var(--space-sm,.5rem)}.kms-player__play{width:56px;height:56px;min-width:56px;order:-1;margin-bottom:var(--space-sm,.5rem)}.kms-player__play::before{border-left-width:16px;border-top-width:10px;border-bottom-width:10px}.kms-player__progress-wrapper{width:100%;order:1}.kms-player__time{width:100%;text-align:center;min-width:auto}.kms-player__actions{margin-top:var(--space-sm,.5rem)}}.kms-player--with-waveform .kms-player__waveform{height:40px;background:linear-gradient(to bottom,var(--kms-gray-700) 0%,var(--kms-gray-700) 45%,transparent 45%,transparent 55%,var(--kms-gray-700) 55%,var(--kms-gray-700) 100%);margin-bottom:var(--space-sm,.5rem);border-radius:2px;position:relative;overflow:hidden}.kms-player--with-waveform .kms-player__waveform-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(to bottom,var(--kms-red) 0%,var(--kms-red) 45%,transparent 45%,transparent 55%,var(--kms-red) 55%,var(--kms-red) 100%)}.kms-audio-player--light{background:var(--kms-gray-100)}.kms-audio-player--light .kms-player__progress{background:var(--kms-gray-300)}.kms-audio-player--light .kms-player__time,.kms-audio-player--light .kms-player__action,.kms-audio-player--light .kms-player__skip-back,.kms-audio-player--light .kms-player__skip-forward{color:var(--kms-gray-600)}.kms-audio-player--light .kms-player__action:hover,.kms-audio-player--light .kms-player__skip-back:hover,.kms-audio-player--light .kms-player__skip-forward:hover{color:var(--secondary)}