.audio-player-container {
    max-width: 600px;
    margin: 20px auto;
    padding: 15px;
    border-radius: 8px;
    background: rgba(245, 245, 245, 0.3);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.plyr-wrapper {
    margin-bottom: 10px;
}

.audio-code {
    text-align: center;
    color: #666;
    font-size: 0.9em;
    margin-top: 8px;
}

.audio-error {
    color: #dc3545;
    text-align: center;
    padding: 10px;
    background: rgba(248, 215, 218, 0.8);
    border-radius: 4px;
    margin: 10px 0;
}

.plyr--audio .plyr__controls {
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 6px;
}

.plyr--audio .plyr__control--overlaid {
    background: rgba(0, 0, 0, 0.6);
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(0, 0, 0, 0.3);
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    background: #0000;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #d3d3d3!important;
    color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#d3d3d3)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%;
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #d3d3d335;
    background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#b3b3b3)));
    color: #ffffff56;
    color: var(--plyr-audio-control-color-hover,#fff);
}