.m3-podcast-widget{
    --m3-red:#ff3045;
    --m3-red-hot:#ff1635;
    --m3-panel:#12181B;
    --m3-panel-deep:#0d1316;
    --m3-white:#f7f8f8;
    --m3-muted:rgba(255,255,255,.58);
    --m3-line:rgba(255,255,255,.11);
    width:100%;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--m3-white);
    text-align:left;
}
.m3-podcast-widget *{box-sizing:border-box}

.m3-podcast-heading{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    margin:0 0 8px;
    padding:14px 16px;
    background:var(--m3-panel);
    border:1px solid rgba(255,255,255,.055);
    border-radius:10px;
    text-transform:uppercase;
    font-size:clamp(17px,1.55vw,23px);
    line-height:1;
    letter-spacing:.035em;
    font-weight:780;
    text-align:left;
}
.m3-podcast-slashes{color:var(--m3-red);font-weight:900;letter-spacing:-.08em}
.m3-podcast-heading-text{color:#fff}

.m3-podcast-shell{
    position:relative;
    overflow:hidden;
    padding:22px;
    background:var(--m3-panel);
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
    box-shadow:0 20px 60px rgba(0,0,0,.15);
    text-align:left;
}
.m3-podcast-shell:before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:84px;
    height:2px;
    background:var(--m3-red);
}
.m3-podcast-panel[hidden]{display:none!important}
.m3-podcast-panel{animation:m3PanelIn .42s cubic-bezier(.16,1,.3,1) both}
@keyframes m3PanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.m3-podcast-topline{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:22px;
    align-items:center;
    justify-content:start;
    margin-bottom:14px;
}
.m3-podcast-visual{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
    border-radius:10px;
    background:#0e1316;
    border:1px solid rgba(255,255,255,.07);
}
.m3-podcast-visual img{
    width:100%;height:100%;object-fit:cover;display:block;
    filter:brightness(.72) saturate(.86);
    transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease;
}
.m3-podcast-panel:hover .m3-podcast-visual img{transform:scale(1.055);filter:brightness(.9) saturate(1)}

.m3-podcast-wave{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:5px}
.m3-podcast-wave i{display:block;width:4px;border-radius:10px;background:var(--m3-red);animation:m3wave 1.1s ease-in-out infinite}
.m3-podcast-wave i:nth-child(1){height:23px;animation-delay:-.3s}.m3-podcast-wave i:nth-child(2){height:38px;animation-delay:-.15s}.m3-podcast-wave i:nth-child(3){height:52px}.m3-podcast-wave i:nth-child(4){height:34px;animation-delay:-.2s}.m3-podcast-wave i:nth-child(5){height:18px;animation-delay:-.35s}
@keyframes m3wave{0%,100%{transform:scaleY(.6);opacity:.7}50%{transform:scaleY(1);opacity:1}}

.m3-podcast-main-play,
.m3-audio-play{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    line-height:0;
}
.m3-podcast-main-play{
    position:absolute;
    left:50%;top:50%;transform:translate(-50%,-50%);
    width:48px;height:48px;border:0;border-radius:50%;
    background:var(--m3-red);color:#fff;cursor:pointer;
    box-shadow:0 10px 30px rgba(255,48,69,.3);
    transition:transform .28s ease,background .28s ease,box-shadow .28s ease;
}
.m3-podcast-main-play:hover{background:var(--m3-red-hot);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 13px 34px rgba(255,48,69,.38)}
.m3-podcast-main-play svg{display:block;width:20px;height:20px;fill:currentColor;flex:none}
.m3-podcast-main-play .m3-hero-play-icon{transform:translateX(1px)}
.m3-podcast-main-play .m3-hero-pause-icon{display:none}
.m3-podcast-panel.is-playing .m3-podcast-main-play .m3-hero-play-icon{display:none}
.m3-podcast-panel.is-playing .m3-podcast-main-play .m3-hero-pause-icon{display:block;transform:none}

.m3-podcast-title-wrap{text-align:left;min-width:0}
.m3-podcast-eyebrow{display:block;margin-bottom:8px;color:var(--m3-red);font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.m3-podcast-title-wrap h3{margin:0;color:#fff;font-size:clamp(22px,2.2vw,35px);font-weight:760;line-height:1.04;letter-spacing:-.035em;text-transform:uppercase;text-align:left}
.m3-podcast-duration{display:block;margin-top:11px;color:var(--m3-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left}

.m3-podcast-author{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    width:100%;
    padding:0 0 16px;
    color:var(--m3-muted);
    text-align:left;
}
.m3-podcast-author-icon{
    width:28px;height:28px;flex:0 0 28px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;
    background:rgba(255,48,69,.09);
    border:1px solid rgba(255,48,69,.22);
    color:var(--m3-red);
}
.m3-podcast-author-icon svg{display:block;width:15px;height:15px;fill:currentColor}
.m3-podcast-author-name{font-size:11px;font-weight:760;letter-spacing:.045em;text-transform:uppercase;color:rgba(255,255,255,.72);text-align:left}

.m3-podcast-player-wrap{border-top:1px solid var(--m3-line);padding-top:18px;text-align:left}
.m3-audio-player{
    display:grid;
    grid-template-columns:42px 48px minmax(100px,1fr) 48px minmax(90px,130px);
    gap:10px;
    align-items:center;
    min-height:62px;
    padding:9px 12px;
    background:var(--m3-panel-deep);
    border:1px solid rgba(255,255,255,.06);
    border-radius:9px;
    text-align:left;
}
.m3-audio-play{width:38px;height:38px;border:0;border-radius:50%;background:var(--m3-red);color:#fff;cursor:pointer;transition:transform .25s ease,background .25s ease}
.m3-audio-play:hover{background:var(--m3-red-hot);transform:scale(1.05)}
.m3-audio-play svg{display:block;width:18px;height:18px;fill:currentColor;flex:none}
.m3-audio-play .m3-icon-play{transform:translateX(1px)}
.m3-audio-play .m3-icon-pause{display:none;transform:none}
.m3-audio-player.is-playing .m3-icon-play{display:none}
.m3-audio-player.is-playing .m3-icon-pause{display:block}

.m3-time{font-size:9px;font-weight:750;color:var(--m3-muted);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap}
.m3-time-total{text-align:right}

.m3-audio-timeline{position:relative;height:24px;display:flex;align-items:center;overflow:visible}
.m3-timeline-base{position:absolute;left:0;right:0;top:50%;height:5px;transform:translateY(-50%);border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}
.m3-timeline-water{
    position:absolute;
    left:0;top:50%;
    height:7px;
    width:0;
    min-width:0;
    transform:translateY(-50%);
    border-radius:999px;
    overflow:hidden;
    background:linear-gradient(90deg,var(--m3-red),#ff5365);
    box-shadow:0 0 14px rgba(255,48,69,.22);
    transition:width .12s linear;
}
.m3-timeline-water:after{
    content:"";
    position:absolute;
    left:-24px;right:-24px;top:-4px;
    height:9px;
    opacity:.55;
    background:
        radial-gradient(8px 5px at 8px 5px,rgba(255,255,255,.48) 0 32%,transparent 36%) 0 0/18px 9px repeat-x;
    animation:m3WaterFlow 1.15s linear infinite;
}
@keyframes m3WaterFlow{to{transform:translateX(18px)}}
.m3-audio-range{
    position:absolute;
    inset:0;
    width:100%;height:100%;
    appearance:none;-webkit-appearance:none;
    background:transparent;
    outline:none;
    cursor:pointer;
    z-index:4;
    margin:0;
}
.m3-audio-range::-webkit-slider-runnable-track{height:5px;background:transparent}
.m3-audio-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,48,69,.18);margin-top:-3.5px}
.m3-audio-range::-moz-range-track{height:5px;background:transparent}
.m3-audio-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,48,69,.18)}

.m3-volume-control{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0}
.m3-volume-button{width:28px;height:28px;flex:0 0 28px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:rgba(255,255,255,.72);cursor:pointer;transition:color .22s ease,background .22s ease}
.m3-volume-button:hover{color:#fff;background:rgba(255,255,255,.06)}
.m3-volume-button svg{display:block;width:16px;height:16px;fill:currentColor}
.m3-volume-button .m3-volume-off{display:none}
.m3-audio-player.is-muted .m3-volume-on{display:none}
.m3-audio-player.is-muted .m3-volume-off{display:block}
.m3-volume-range{appearance:none;-webkit-appearance:none;width:100%;min-width:48px;height:3px;border-radius:999px;background:rgba(255,255,255,.14);outline:none;cursor:pointer}
.m3-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#fff}
.m3-volume-range::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#fff}

.m3-external-player{position:relative;width:100%;overflow:hidden;border-radius:9px;background:var(--m3-panel-deep);aspect-ratio:16/9;text-align:left}
.m3-external-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.m3-spotify-player{aspect-ratio:auto;height:152px}
.m3-soundcloud-player{aspect-ratio:auto;height:166px}
.m3-open-source{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:17px 18px;border-radius:9px;background:var(--m3-panel-deep);color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;border:1px solid rgba(255,255,255,.06);transition:.25s ease;text-align:left}
.m3-open-source:hover{color:#fff;border-color:rgba(255,48,69,.4);transform:translateY(-2px)}
.m3-player-empty{padding:17px;border-radius:9px;background:var(--m3-panel-deep);color:var(--m3-muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-align:left}

.m3-podcast-dots{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:12px 0 0 2px;text-align:left}
.m3-podcast-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.25);cursor:pointer;transition:width .28s ease,background .28s ease,transform .28s ease}
.m3-podcast-dot:hover{background:rgba(255,255,255,.55);transform:scale(1.15)}
.m3-podcast-dot.is-active{width:24px;background:var(--m3-red);transform:none}

.m3-podcast-platforms{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:12px;text-align:left}
.m3-platform{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(18,24,27,.88);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:transform .28s ease,border-color .28s ease,background .28s ease;overflow:hidden}
.m3-platform:hover{transform:translateY(-3px);background:#0f1518;border-color:rgba(255,255,255,.2)}
.m3-platform img{display:block;width:20px;height:20px;object-fit:contain}

@media(max-width:900px){
    .m3-audio-player{grid-template-columns:40px 44px minmax(90px,1fr) 44px 92px;gap:8px}
}

@media(max-width:767px){
    .m3-podcast-heading{font-size:17px;margin-bottom:8px;padding:12px 13px}
    .m3-podcast-shell{padding:16px;border-radius:10px}
    .m3-podcast-topline{grid-template-columns:86px minmax(0,1fr);gap:14px;margin-bottom:13px}
    .m3-podcast-main-play{width:40px;height:40px}
    .m3-podcast-main-play svg{width:18px;height:18px}
    .m3-podcast-title-wrap h3{font-size:20px;line-height:1.08}
    .m3-podcast-author{padding-bottom:14px}
    .m3-audio-player{grid-template-columns:40px minmax(100px,1fr) 42px;gap:9px;padding:10px}
    .m3-time-current{display:none}
    .m3-audio-play{grid-column:1;grid-row:1}
    .m3-audio-timeline{grid-column:2;grid-row:1}
    .m3-time-total{grid-column:3;grid-row:1;text-align:right}
    .m3-volume-control{grid-column:1 / -1;grid-row:2;width:100%;max-width:150px}
    .m3-podcast-platforms{justify-content:flex-start}
    .m3-podcast-dots{justify-content:flex-start}
}

@media(prefers-reduced-motion:reduce){
    .m3-podcast-widget *{animation:none!important;transition:none!important}
}