.Coderain-audio-player {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 40;
display: grid;
grid-template-columns:
    38px
    105px
    130px
    60px;
align-items: center;
gap: 10px;
padding:
    9px
    12px;
backdrop-filter:
    blur(8px);
font-family:
    "CoderainOCR",
    monospace;
box-shadow:
    0 0 20px
    rgba(
        0,
        153,
        204,
        .06
    );
}
/*
* PLAY
*/
.Coderain-audio-play {
width: 34px;
height: 34px;
padding: 0;
border:
    1px solid
    rgba(
        0,
        153,
        204,
        .35
    );
border-radius: 4px;
background:
    rgba(
        0,
        153,
        204,
        .08
    );
color:
    #67c9ff;
font-size: 12px;
cursor: pointer;
text-shadow:
    0 0 6px
    rgba(
        0,
        153,
        204,
        .6
    );
}
.Coderain-audio-play:hover {
background:
    rgba(
        0,
        153,
        204,
        .16
    );
}
/*
* INFORMATIONS
*/
.Coderain-audio-info {
min-width: 0;
}
.Coderain-audio-title {
margin-bottom: 4px;
color:
    rgba(
        164,
        223,
        255,
        .85
    );
font-size: 9px;
letter-spacing: 1px;
}
.Coderain-audio-time {
color:
    rgba(
        103,
        201,
        255,
        .55
    );
font-size: 9px;
}
/*
* RANGE
*/
.Coderain-audio-progress,
.Coderain-audio-volume {
    height: 2px;
    margin: 0;
    accent-color: #0099cc;
    cursor: pointer;
}
/*
 * Firefox
 */
.Coderain-audio-progress::-moz-range-thumb,
.Coderain-audio-volume::-moz-range-thumb {
    width: 5px;
    height: 5px;
    border: 0;
    border-radius: 50%;
    background: #67c9ff;
    box-shadow:
        0 0 4px rgba(0, 153, 204, .65);
    cursor: pointer;
}
.Coderain-audio-progress {
width: 130px;
}
.Coderain-audio-volume {
width: 60px;
}
/*
* Lecture active
*/
.Coderain-audio-player.is-playing {
border-color:
    rgba(
        0,
        153,
        204,
        .38
    );
box-shadow:
    0 0 24px
    rgba(
        0,
        153,
        204,
        .10
    );
}
/*
* MOBILE
*/
@media (
max-width: 700px
) {
.Coderain-audio-player {
    left: 23px;
    bottom: 50px;
    grid-template-columns: 34px 90px 90px;
}
.Coderain-audio-progress {
    width: 90px;
}
.Coderain-audio-volume {
    display: none;
}
}

body{padding-bottom:95px}.Coderain-audio-player{max-width:calc(100vw - 28px);background:#091823;right:18px;bottom:16px;border-color:#4ee0ff44}.Coderain-audio-title{color:#4ee0ff}#audio-message{display:block;max-width:150px;font-size:9px;color:#9bb3bf}.Coderain-demo{max-width:1250px;margin:0 auto;padding:55px 24px}.Coderain-demo .section-label{font:11px CoderainOCR,monospace;color:#4ee0ff;letter-spacing:.1em}.ai-ecosystem{text-align:center;max-width:1150px;margin:auto;padding:45px 24px 70px}.ai-ecosystem>p{color:#a4b4c4;font-size:13px}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0}.ai-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 12px;background:#0b141dcc;border:1px solid #ffffff14;border-radius:5px;font-size:12px}.ai-brand img{filter:brightness(0) invert(1);object-fit:contain}.language-picker{display:flex;align-items:center;gap:10px}.language-picker select{border:1px solid #ffffff26;border-radius:4px;background:#0b141d;color:#eef5fa;font:12px Sora,sans-serif;padding:8px}.language-picker label{font-size:11px}footer{align-items:center;flex-wrap:wrap}@media(max-width:700px){.ai-grid{grid-template-columns:repeat(2,1fr)}.ai-brand{flex-direction:column;padding:18px 8px;font-size:10px}.Coderain-audio-player{left:14px;right:14px;bottom:12px;width:auto;grid-template-columns:34px minmax(100px,1fr) 90px;gap:8px}.Coderain-demo{padding:40px 16px}}