/* COURTREADZ Podcasts videos — shared public and member design. */
html body .podcasts-design-page{
    --podcast-pink:#df3884;--podcast-rose:#a62159;--podcast-ink:#4c0927;
    --podcast-muted:#947384;--podcast-line:#f0dce6;
    display:grid;gap:19px;width:100%;min-width:0;
    color:var(--podcast-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;
}
html body .podcasts-design-page *,html body .podcasts-design-page *::before,html body .podcasts-design-page *::after{box-sizing:border-box}
html body .podcasts-design-page .podcast-design-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body .podcasts-design-page .podcast-brand-banner{
    position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;
    gap:30px;width:100%;min-width:0;min-height:119px;padding:20px 29px;border:1px solid #ec9abe;
    border-radius:24px;overflow:hidden;color:#fff8fc;
    background:radial-gradient(ellipse at 6% -20%,#fb71aa 0,transparent 55%),radial-gradient(ellipse at 94% 145%,#f84695 0,transparent 51%),linear-gradient(115deg,#bf2a66,#94204d 57%,#c13571);
    box-shadow:0 8px 20px #ab1a5920;
}
html body .podcasts-design-page .podcast-brand-banner::before,
html body .podcasts-design-page .podcast-brand-banner::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:65%;height:210%;right:0;top:-75%;border:1px solid #ffc1df18;border-radius:50%;transform:rotate(-29deg);box-shadow:none}
html body .podcasts-design-page .podcast-brand-banner::after{right:12%;top:-18%;width:55%;height:105%;transform:rotate(-24deg);border-color:#ffd0e61a}
html body .podcasts-design-page .podcast-brand-club{display:flex;align-items:center;gap:23px;min-width:0}
html body .podcasts-design-page .podcast-brand-emblem{flex:0 0 auto;width:75px;height:75px;filter:none}
html body .podcasts-design-page .podcast-brand-name{display:grid;gap:2px;min-width:0}
html body .podcasts-design-page .podcast-brand-name>strong{color:#fff9fd;font:800 clamp(22px,3vw,33px)/1.08 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.01em;white-space:nowrap}
html body .podcasts-design-page .podcast-brand-script{display:block;width:87%;height:auto;max-height:48px;color:#fff8fc;transform:rotate(-5deg);transform-origin:left center}
html body .podcasts-design-page .podcast-brand-tagline{display:grid;align-content:center;justify-items:end;flex:0 1 390px;min-width:0;transform:rotate(-5deg)}
html body .podcasts-design-page .podcast-brand-values{display:block;width:100%;height:auto;color:#ffe5f0}
html body .podcasts-design-page .podcast-brand-flourish{display:block;width:81%;height:auto;max-height:38px;margin-top:-2px;color:#ffc6de}
html body .podcasts-design-page .member-podcasts-panel{display:flex;flex-direction:column;gap:0;min-height:0!important;padding:20px!important;border:1px solid var(--podcast-line)!important;border-radius:24px!important;background:linear-gradient(140deg,#fffdfd,#fff8fc 56%,#fff)!important;box-shadow:0 6px 25px #ac3c6610!important;overflow:visible}
html body .podcasts-design-page .member-podcasts-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;min-width:0;padding:0 4px 17px;border:0}
html body .podcasts-design-page .member-podcasts-heading{align-items:center;gap:22px;min-width:0}
html body .podcasts-design-page .member-podcasts-heading>div{position:relative;min-width:0;padding-bottom:13px}
html body .podcasts-design-page .member-podcasts-heading>div::after{content:none;display:none}
html body .podcasts-design-page .member-podcasts-heading-icon{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border:0;border-radius:21px;background:linear-gradient(135deg,#ef5c9c,#d42674);color:white;font:600 33px/1 Arial,sans-serif;box-shadow:0 6px 16px #d9348024}
html body .podcasts-design-page .member-podcasts-heading-icon svg{width:40px;height:40px}
html body .podcasts-design-page .podcast-design-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0!important;color:var(--podcast-ink)!important;font:800 clamp(34px,4.2vw,50px)/1.05 Georgia,"Times New Roman",serif!important;letter-spacing:-.025em}
html body .podcasts-design-page .podcast-title-script{display:block;width:clamp(106px,12.6vw,153px);height:auto;max-height:66px;color:#c82773;transform:rotate(-4deg);transform-origin:left center;overflow:visible}
html body .podcasts-design-page .member-podcasts-heading p{max-width:650px;margin:7px 0 0;color:#75636c;font:400 15px/1.42 Inter,"Segoe UI",Arial,sans-serif}
html body .podcasts-design-page .member-podcasts-count{position:relative;display:grid;place-items:center;flex:0 0 auto;width:61px;height:61px;min-width:0;padding:0;border-radius:50%;background:#fbd7e9;color:#a52762;font:800 27px/1 Inter,"Segoe UI",Arial,sans-serif}
html body .podcasts-design-page .member-podcasts-count::after{content:"♡";position:absolute;top:calc(100% + 1px);right:4px;color:#df6d9f;font:400 51px/1 Georgia,serif;transform:rotate(-13deg)}
html body .podcasts-design-page .member-podcasts-layout{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;flex:0 1 auto;gap:19px;min-width:0;padding-top:0}
/* Bound the inline player, leaving the library and fullscreen shell unconstrained. */
html body .podcasts-design-page .member-podcasts-player-card{position:relative;display:grid;gap:12px;align-self:start;justify-self:center;width:min(100%,720px);min-width:0;padding:13px;border:1px solid var(--podcast-line);border-radius:23px;background:#fffdfd;box-shadow:0 2px 8px #af52740a}
/* Make the inline media 10% shorter without cropping its natural proportions. */
html body .podcasts-design-page .public-podcasts-player-preview,
html body .podcasts-design-page .member-podcasts-player-card>.podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen)),
html body #privateVideoRecordingDialog .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen)){width:90%;min-width:0;justify-self:center}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>#adminPodcastBackgroundStage>:is(video,.podcast-youtube-player){max-height:calc(90dvh - 171px)}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>#adminPodcastBackgroundStage.has-admin-background{padding-block:clamp(28.8px,7.2vh,90px)}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>#adminPodcastBackgroundStage.has-admin-background>video{max-height:calc(90dvh - 306px);min-height:108px}
html body .podcasts-design-page .member-podcasts-player-frame{border:0;border-radius:18px;box-shadow:none;background:radial-gradient(ellipse at 20% 0,#793154,transparent 65%),linear-gradient(125deg,#3d1229,#180c16)}
html body .podcasts-design-page .member-podcasts-player-frame video,
html body .podcasts-design-page .member-podcasts-player-frame iframe{border-radius:inherit}
html body .podcasts-design-page .podcast-featured-preview{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:#fff;font-family:inherit;cursor:pointer;overflow:hidden}
html body .podcasts-design-page .podcast-featured-preview[hidden]{display:none!important}
html body .podcasts-design-page .public-podcasts-preview-image[hidden]{display:none!important}
html body .podcasts-design-page .public-podcasts-player-preview{background:linear-gradient(135deg,#fbe5ef,#e7a8c9)}
/* Stretch the main-player thumbnail across its fixed preview frame. */
html body .podcasts-design-page .member-podcasts-player-frame{box-sizing:border-box;overflow:hidden;isolation:isolate}
html body .podcasts-design-page .member-podcasts-player-frame :is(.podcast-featured-preview,.podcast-embed-preview){box-sizing:border-box;overflow:hidden}
html body .podcasts-design-page .member-podcasts-player-frame :is(.public-podcasts-preview-image,.podcast-embed-preview-image){position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;object-fit:fill!important;object-position:center center!important;transform:none!important}
/* Public previews keep the same widescreen window regardless of the image shape. */
html body .podcasts-design-page.public-podcasts-page .public-podcasts-player-preview{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;padding:0!important}
html body .podcasts-design-page.public-podcasts-page .public-podcasts-player-preview>.public-podcasts-preview-image{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;max-height:100%!important;object-fit:fill!important;object-position:center!important;aspect-ratio:auto!important}
html body .podcast-embed-preview{position:absolute;inset:0;z-index:2;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;overflow:hidden;background:#f9eef2;color:#7d274c;cursor:pointer}
html body .podcast-embed-preview[hidden],html body .podcast-simple-controls [data-podcast-toggle][hidden],html body .podcast-simple-controls [data-podcast-seek][hidden]{display:none!important}
html body .podcast-embed-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;background:#f9eef2}
html body .podcast-embed-preview-image[hidden]{display:none!important}
html body .podcast-embed-preview-label{position:relative;z-index:1;max-width:90%;padding:10px 16px;border-radius:999px;background:#411b34df;color:#fff;font:700 14px/1.4 Arial,sans-serif;text-align:center}
/* Loading stays in the middle of the media, above previews and below controls. */
html body .podcast-loading-stage{position:relative}
html body .podcast-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none;border-radius:inherit}
html body .podcast-loading[hidden]{display:none!important}
html body .podcast-loading-ring{display:block;box-sizing:border-box;width:46px;height:46px;border:4px solid #ffffff66;border-top-color:#fff;border-radius:50%;background:#34102533;box-shadow:0 0 0 8px #34102566;animation:podcast-loading-spin .8s linear infinite}
html body .podcast-loading-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html body .is-podcast-loading .podcast-embed-preview-label{visibility:hidden}
@keyframes podcast-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html body .podcast-loading-ring{animation:none}}
/* The inline media window stays 16:9 before playback, while loading and after
   playback begins. Stretch preview images inside it instead of resizing the window.
   Native admin backgrounds, other providers and fullscreen retain their own sizing. */
html body #adminPodcastBackgroundStage{position:relative}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>.member-podcasts-player-frame:not(.is-embedded),
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>#adminPodcastBackgroundStage:is(.is-youtube,:has(>.podcast-embed-preview:not([hidden]))){position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;padding:0!important;overflow:hidden;isolation:isolate}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>.member-podcasts-player-frame:not(.is-embedded)>:is(video,iframe),
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>#adminPodcastBackgroundStage:is(.is-youtube,:has(>.podcast-embed-preview:not([hidden])))>:is(video,iframe){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>:is(.member-podcasts-player-frame,#adminPodcastBackgroundStage)>:is(.podcast-featured-preview,.podcast-embed-preview){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box!important}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>:is(.member-podcasts-player-frame,#adminPodcastBackgroundStage)>:is(.podcast-featured-preview,.podcast-embed-preview)>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;border:0!important;object-fit:fill!important;object-position:center!important;transform:none!important;aspect-ratio:auto!important}
html body .podcast-provider-player{pointer-events:auto!important;width:100%;height:100%;border:0}
/* Only active YouTube iframes are shielded; other providers retain their controls. */
html body iframe.podcast-pointer-locked{pointer-events:none!important}
html body .is-podcast-youtube-locked{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
html body .podcast-youtube-input-shield{position:absolute;inset:0;z-index:1;border:0;border-radius:inherit;background:transparent;pointer-events:auto;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
html body .podcast-youtube-input-shield[hidden]{display:none!important}
html body .podcast-player-shell:not(:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen))>:is(.member-podcasts-player-frame,#adminPodcastBackgroundStage).is-embedded{height:min(504px,63dvh);min-height:252px;aspect-ratio:auto}
html body .member-podcasts-player-frame.is-embedded>.podcast-provider-player,html body #adminPodcastBackgroundStage.is-embedded>.podcast-provider-player{height:100%;max-height:none}
html body .podcasts-design-page .podcast-featured-preview.has-thumbnail .public-podcasts-preview-brand{display:none}
html body .podcasts-design-page .podcast-featured-preview:focus-visible{outline:3px solid #bb1d6e;outline-offset:-4px}
html body .podcasts-design-page .public-podcasts-preview-overlay{gap:14px;background:linear-gradient(180deg,#240f1b05 42%,#240f1b65);padding:15px}
html body .podcasts-design-page .public-podcasts-preview-brand{font:800 clamp(19px,3.6vw,40px)/1.2 Georgia,serif;letter-spacing:.09em;color:#ffdae9}
html body .podcasts-design-page .public-podcasts-preview-play{width:82px;height:82px;border:2px solid #fff;border-radius:50%;background:#28152177;box-shadow:0 3px 12px #1f0b2840}
html body .podcasts-design-page .public-podcasts-preview-play svg{width:57px;height:57px}
html body .podcasts-design-page .public-podcasts-preview-label{font:750 clamp(15px,2.15vw,24px)/1.35 Inter,"Segoe UI",Arial,sans-serif;text-shadow:0 2px 5px #1d1125c0}
html body .podcasts-design-page .member-podcasts-player-copy{display:grid;gap:6px;padding:1px 4px 3px}
html body .podcasts-design-page .member-podcasts-player-copy>div{gap:8px}
html body .podcasts-design-page .member-podcasts-player-copy strong{color:var(--podcast-ink);font:750 clamp(20px,2.7vw,29px)/1.27 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.01em;overflow-wrap:anywhere}
html body .podcasts-design-page .member-podcasts-player-copy span{color:var(--podcast-muted);font-size:16px;line-height:1.4}
html body .podcasts-design-page .podcast-meta{display:flex!important;align-items:center;gap:9px!important;min-width:0;color:var(--podcast-muted)!important;font-variant-numeric:tabular-nums}
html body .podcasts-design-page .podcast-meta-icon{display:inline-flex!important;align-items:center;flex:0 0 17px;width:17px;height:18px;color:#8e7d88!important}
html body .podcasts-design-page .podcast-meta-icon svg{display:block;width:100%;height:100%}
html body .podcasts-design-page .podcast-meta:not(:has(.podcast-meta-icon))::before{content:"";display:block;flex:0 0 13px;width:13px;height:13px;border:1.4px solid #95818d;border-radius:2px;background:linear-gradient(#95818d,#95818d) 0 2px/100% 1.4px no-repeat,radial-gradient(circle,#95818d .9px,transparent 1.2px) 1px 5px/4px 4px repeat;color:#95818d}
html body .podcasts-design-page .podcast-meta>span:last-child{min-width:0;overflow-wrap:anywhere;white-space:normal}
html body .podcasts-design-page .member-podcasts-library{border:1px solid var(--podcast-line);border-radius:23px;background:#fffdfd;overflow:hidden}
html body .podcasts-design-page .member-podcasts-library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:71px;padding:12px 18px;border-bottom:1px solid #f4dfe9}
html body .podcasts-design-page .podcast-library-title{display:flex;align-items:center;gap:14px;min-width:0;color:var(--podcast-pink)}
html body .podcasts-design-page .podcast-library-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:43px;border-radius:11px;background:linear-gradient(145deg,#f169a9,#db2b79);color:#fff}
html body .podcasts-design-page .podcast-library-icon svg{width:28px;height:26px}
html body .podcasts-design-page .podcast-library-script{display:block;width:215px;max-width:100%;height:auto;max-height:54px;color:#d12a75}
html body .podcasts-design-page .member-podcasts-status{color:#a46d88;font:400 14px/1.4 Inter,"Segoe UI",Arial,sans-serif;text-align:right;white-space:nowrap}
html body .podcasts-design-page .member-podcasts-status::after{content:"›";margin-left:8px;font-size:22px;vertical-align:-1px;color:#c86b96}
html body .podcasts-design-page .member-podcasts-list{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:13px;min-width:0;padding:13px;overflow:visible}
html body .podcasts-design-page .member-podcast-card{display:flex;flex-direction:column;align-content:stretch;min-width:0;width:100%;padding:9px;border:1px solid #f0dce6;border-radius:18px;background:#fffcfe;color:var(--podcast-ink);box-shadow:0 3px 12px #b1527810;cursor:pointer;appearance:none;text-align:left;font-family:inherit;overflow:hidden}
html body .podcasts-design-page .member-podcast-card:hover{border-color:#e6a1c1;box-shadow:0 5px 19px #cf438026}
html body .podcasts-design-page .member-podcast-card:focus-visible,
html body .podcasts-design-page .public-podcasts-player-preview:focus-visible{outline:3px solid #bb1d6e;outline-offset:3px;border-color:#b81968}
html body .podcasts-design-page .member-podcast-card.is-active{border-color:#de5d98;box-shadow:0 0 0 2px #e7639b26}
html body .podcasts-design-page .member-podcast-thumb{flex:0 0 auto;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at top,#752146,transparent),#250e20}
html body .podcasts-design-page .member-podcast-thumb img{object-fit:fill}
html body .podcasts-design-page .member-podcast-thumb i{left:9px;bottom:9px;width:37px;height:37px;border-radius:50%;background:#fff8fd;color:#d54489;font:600 15px/1 Arial,sans-serif;box-shadow:0 2px 7px #531c4a30}
html body .podcasts-design-page .member-podcast-card-copy{display:flex;flex-direction:column;flex:1 1 auto;gap:9px;min-width:0;padding:10px 2px 1px}
html body .podcasts-design-page .member-podcast-card-copy>strong{display:-webkit-box;min-height:2.6em;color:var(--podcast-ink);font:750 16px/1.3 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.005em;overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}
html body .podcasts-design-page .member-podcast-card-copy>span{min-width:0;color:var(--podcast-muted);font:400 12px/1.4 Inter,"Segoe UI",Arial,sans-serif;white-space:normal;overflow:visible}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta{gap:6px!important}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:11px;line-height:1.4}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta-icon{flex-basis:14px;width:14px;height:15px}
html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{display:flex;align-items:center;justify-content:center;gap:7px;align-self:stretch;justify-self:stretch;width:100%;min-width:0;max-width:none;min-height:34px;margin-top:auto;padding:7px 10px;border:0;border-radius:999px;background:linear-gradient(105deg,#de2b80,#ee639f);color:#fff;font:700 11px/1.3 Inter,"Segoe UI",Arial,sans-serif;white-space:normal;text-align:center;overflow:visible}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-play{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;color:#fff;overflow:visible}
html body .podcasts-design-page .podcast-card-cta-play svg{width:100%;height:100%}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-label{flex:1 1 auto;min-width:0;color:#fff;font:inherit;white-space:normal;overflow:visible}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-chevron{display:block;flex:0 0 auto;color:#ffe2f0;font:400 24px/.8 Arial,sans-serif;overflow:visible}
html body .podcasts-design-page .member-podcasts-empty{grid-column:1/-1;min-height:170px;border:1px dashed #edccdd;border-radius:17px;background:#fff9fc;color:#957085;font-size:13px}
html body .podcasts-design-page .public-podcasts-thumb-placeholder{min-height:0;font-size:11px;color:#ffcae4}
html body .podcasts-design-page .podcast-simple-controls{border-radius:0 0 13px 13px;accent-color:#de3987}
html body .podcast-simple-controls{position:relative;z-index:4}
html body .podcasts-design-page .podcast-player-shell:fullscreen .member-podcasts-player-frame,
html body .podcasts-design-page .podcast-player-shell:-webkit-full-screen .member-podcasts-player-frame{border-radius:0!important}

/* Admin tools keep their existing controls and IDs within the same visual shell. */
/* iPhone fallback expands the existing player without relocating a live iframe. */
html body .podcast-viewport-fullscreen-ancestor{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;filter:none!important;backdrop-filter:none!important;perspective:none!important;contain:none!important;content-visibility:visible!important;will-change:auto!important;overflow:visible!important;clip:auto!important;clip-path:none!important;isolation:auto!important;z-index:auto!important}
html body #privateVideoRecordingDialog.is-podcast-viewport-dialog{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#000!important}
html body .podcast-player-shell.is-podcast-viewport-fullscreen{position:fixed!important;inset:auto!important;left:var(--podcast-viewport-left,0px)!important;top:var(--podcast-viewport-top,0px)!important;width:var(--podcast-viewport-width,100vw)!important;height:var(--podcast-viewport-height,100vh)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;z-index:2147483647!important;overflow:hidden!important;overscroll-behavior:contain;padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))!important;box-shadow:none!important}
html body .podcast-player-shell:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen)>:is(.member-podcasts-player-frame,#adminPodcastBackgroundStage){padding:0!important;overflow:hidden!important}
html body .podcast-player-shell:is(:fullscreen,:-webkit-full-screen,.is-podcast-viewport-fullscreen)>:is(.member-podcasts-player-frame,#adminPodcastBackgroundStage)>:is(video,iframe){position:absolute!important;inset:0!important;min-height:0!important;object-fit:contain!important}
html body .podcast-player-shell.is-podcast-viewport-fullscreen>.podcast-playback-status{max-height:3.5em;overflow:auto;font-size:12px;line-height:1.4}

html body .podcasts-design-admin{--podcast-pink:#df3884;--podcast-line:#f0dce6}
html body .podcasts-design-admin .panel,
html body .podcasts-design-admin .private-video-recording-card{border-color:var(--podcast-line)!important;border-radius:20px!important;background:#fffafd!important;box-shadow:0 4px 18px #ac3c6610!important}
html body .podcasts-design-admin .private-video-recording-card{overflow:hidden}
html body .podcasts-design-admin .private-video-recording-preview img{border-radius:13px}

@media(max-width:1100px){
    html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr)}
    html body .podcasts-design-page .podcast-brand-banner{gap:22px;padding:18px 23px}
    html body .podcasts-design-page .podcast-brand-club{gap:17px}
    html body .podcasts-design-page .podcast-brand-emblem{width:63px;height:63px}
    html body .podcasts-design-page .podcast-brand-tagline{flex-basis:320px}
}
@media(max-width:760px){
    html body .podcasts-design-page{gap:13px;padding-bottom:55px}
    html body .podcasts-design-page .podcast-brand-banner{min-height:88px;padding:14px 18px;gap:18px;border-radius:20px}
    html body .podcasts-design-page .podcast-brand-club{gap:13px}
    html body .podcasts-design-page .podcast-brand-emblem{width:53px;height:53px}
    html body .podcasts-design-page .podcast-brand-name>strong{font-size:clamp(17px,3.2vw,24px)}
    html body .podcasts-design-page .podcast-brand-script{max-height:34px}
    html body .podcasts-design-page .podcast-brand-tagline{flex-basis:45%}
    html body .podcasts-design-page .member-podcasts-panel{padding:12px!important;border-radius:20px!important}
    html body .podcasts-design-page .member-podcasts-head{gap:9px;padding:0 0 15px}
    html body .podcasts-design-page .member-podcasts-heading{gap:13px}
    html body .podcasts-design-page .member-podcasts-heading-icon{flex-basis:55px;width:55px;height:55px;border-radius:16px;font-size:25px}
    html body .podcasts-design-page .podcast-design-title{gap:7px;font-size:36px!important}
    html body .podcasts-design-page .podcast-title-script{width:106px;max-height:51px}
    html body .podcasts-design-page .member-podcasts-heading p{font-size:12px;margin-top:5px}
    html body .podcasts-design-page .member-podcasts-count{width:45px;height:45px;font-size:22px}
    html body .podcasts-design-page .member-podcasts-count::after{font-size:39px;right:1px}
    html body .podcasts-design-page .member-podcasts-layout{gap:15px}
    html body .podcasts-design-page .member-podcasts-player-card{gap:10px;padding:10px;border-radius:19px}
    html body .podcasts-design-page .member-podcasts-player-frame{border-radius:14px}
    html body .podcasts-design-page .member-podcasts-player-copy strong{font-size:22px}
    html body .podcasts-design-page .member-podcasts-player-copy span{font-size:13px}
    html body .podcasts-design-page .member-podcasts-library{border-radius:19px}
    html body .podcasts-design-page .member-podcasts-library-head{min-height:59px;padding:10px 13px;gap:8px}
    html body .podcasts-design-page .podcast-library-title{gap:10px}
    html body .podcasts-design-page .podcast-library-icon{flex-basis:36px;width:36px;height:35px;border-radius:10px}
    html body .podcasts-design-page .podcast-library-icon svg{width:24px;height:22px}
    html body .podcasts-design-page .podcast-library-script{width:173px;max-height:45px}
    html body .podcasts-design-page .member-podcasts-status{font-size:12px}
    html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr);gap:11px;padding:10px}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:15px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{font-size:10px;min-height:33px;padding:7px 8px;gap:5px}
}
@media(max-width:480px){
    html body .podcasts-design-page{gap:10px}
    html body .podcasts-design-page .podcast-brand-banner{min-height:67px;padding:11px 11px;gap:9px;border-radius:14px}
    html body .podcasts-design-page .podcast-brand-club{gap:8px}
    html body .podcasts-design-page .podcast-brand-emblem{width:36px;height:36px}
    html body .podcasts-design-page .podcast-brand-name>strong{font-size:clamp(11px,3.6vw,16px)}
    html body .podcasts-design-page .podcast-brand-script{max-height:25px}
    html body .podcasts-design-page .podcast-brand-tagline{flex-basis:43%;padding-top:6px}
    html body .podcasts-design-page .podcast-brand-flourish{max-height:19px;margin-top:0}
    html body .podcasts-design-page .member-podcasts-panel{padding:9px!important;border-radius:16px!important}
    html body .podcasts-design-page .member-podcasts-head{gap:7px;padding-bottom:11px}
    html body .podcasts-design-page .member-podcasts-heading{gap:10px}
    html body .podcasts-design-page .member-podcasts-heading-icon{flex-basis:38px;width:38px;height:40px;border-radius:11px;font-size:19px}
    html body .podcasts-design-page .member-podcasts-heading-icon svg{width:25px;height:25px}
    html body .podcasts-design-page .member-podcasts-heading>div{padding-bottom:9px}
    html body .podcasts-design-page .podcast-design-title{flex-wrap:nowrap;gap:5px;font-size:25px!important}
    html body .podcasts-design-page .podcast-title-script{width:76px;max-height:36px}
    html body .podcasts-design-page .member-podcasts-heading p{font-size:10px;line-height:1.4;margin-top:4px}
    html body .podcasts-design-page .member-podcasts-count{width:31px;height:31px;font-size:17px}
    html body .podcasts-design-page .member-podcasts-count::after{font-size:30px;top:100%;right:0}
    html body .podcasts-design-page .member-podcasts-player-card{gap:8px;padding:7px;border-radius:15px}
    html body .podcasts-design-page .member-podcasts-player-frame{border-radius:11px}
    html body .podcasts-design-page .member-podcasts-player-copy{padding:0 1px 2px}
    html body .podcasts-design-page .member-podcasts-player-copy>div{gap:5px}
    html body .podcasts-design-page .member-podcasts-player-copy strong{font-size:16px;letter-spacing:0}
    html body .podcasts-design-page .member-podcasts-player-copy span{font-size:10px}
    html body .podcasts-design-page .podcast-meta{gap:6px!important}
    html body .podcasts-design-page .podcast-meta-icon{flex-basis:12px;width:12px;height:13px}
    html body .podcasts-design-page .public-podcasts-preview-overlay{gap:7px;padding:10px}
    html body .podcasts-design-page .public-podcasts-preview-play{width:43px;height:43px;border-width:1.5px}
    html body .podcasts-design-page .public-podcasts-preview-play svg{width:32px;height:32px}
    html body .podcasts-design-page .public-podcasts-preview-label{font-size:11px}
    html body .podcasts-design-page .public-podcasts-preview-brand{font-size:17px}
    html body .podcasts-design-page .member-podcasts-layout{gap:10px}
    html body .podcasts-design-page .member-podcasts-library{border-radius:15px}
    html body .podcasts-design-page .member-podcasts-library-head{min-height:46px;gap:7px;padding:8px 10px}
    html body .podcasts-design-page .podcast-library-title{gap:7px}
    html body .podcasts-design-page .podcast-library-icon{flex-basis:27px;width:27px;height:26px;border-radius:8px}
    html body .podcasts-design-page .podcast-library-icon svg{width:18px;height:18px}
    html body .podcasts-design-page .podcast-library-script{width:125px;max-height:35px}
    html body .podcasts-design-page .member-podcasts-status{font-size:10px}
    html body .podcasts-design-page .member-podcasts-status::after{font-size:17px;margin-left:4px}
    html body .podcasts-design-page .member-podcasts-list{gap:8px;padding:7px}
    html body .podcasts-design-page .member-podcast-card{padding:6px;border-radius:13px}
    html body .podcasts-design-page .member-podcast-thumb{border-radius:9px}
    html body .podcasts-design-page .member-podcast-thumb i{left:5px;bottom:5px;width:25px;height:25px;font-size:11px}
    html body .podcasts-design-page .member-podcast-card-copy{gap:6px;padding:6px 0 0}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:11px;line-height:1.35;min-height:2.7em;letter-spacing:0}
    html body .podcasts-design-page .member-podcast-card-copy>span{font-size:9px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta{gap:4px!important}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:8px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta-icon{flex-basis:10px;width:10px;height:11px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{min-height:30px;gap:4px;padding:6px;font-size:8px;line-height:1.25}
    html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-play{flex-basis:11px;width:11px;height:11px}
    html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-chevron{font-size:18px}
}
@media(max-width:359px){
    html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr)}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:15px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:11px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{font-size:11px;min-height:35px}
    html body .podcasts-design-page .podcast-design-title{flex-wrap:wrap;font-size:24px!important}
    html body .podcasts-design-page .podcast-title-script{width:68px}
    html body .podcasts-design-page .podcast-brand-tagline{display:none}
    html body .podcasts-design-page .podcast-brand-club{margin-inline:auto}
    html body .podcasts-design-page .podcast-brand-name>strong{font-size:17px}
}

/* Reference design: a quiet blush shell, handwritten accents and a single-column library.
   Playback sizing and fullscreen rules above stay intact. */
html body .podcasts-design-page{--podcast-pink:#e33480;--podcast-rose:#a72860;--podcast-ink:#520d29;--podcast-muted:#947587;--podcast-line:#efdbe4;gap:18px}
html body .podcasts-design-page .member-podcasts-panel{padding:18px!important;border-radius:26px!important;background:linear-gradient(135deg,#fffdfd,#fff8fb 63%,#fffdfd)!important;box-shadow:0 2px 12px #a63a6410!important}
html body .podcasts-design-page .member-podcasts-head{position:relative;align-items:flex-start;gap:18px;min-height:124px;padding:5px 10px 18px;border:0}
html body .podcasts-design-page .member-podcasts-heading{display:flex;align-items:center;gap:22px;min-width:0}
html body .podcasts-design-page .member-podcasts-heading>div{min-width:0;padding-bottom:0}
html body .podcasts-design-page .member-podcasts-heading>div::after,
html body .podcasts-design-page .member-podcasts-count::after{display:none;content:none}
html body .podcasts-design-page .member-podcasts-heading-icon{flex:0 0 83px;width:83px;height:83px;border-radius:23px;background:linear-gradient(145deg,#f44791,#d31b71);box-shadow:inset 0 1px 2px #ffadd25c,0 3px 8px #d2317920;color:#fff}
html body .podcasts-design-page .member-podcasts-heading-icon svg{display:block;width:51px;height:51px;filter:drop-shadow(0 1px 2px #a82a6430)}
html body .podcasts-design-page .podcast-design-title{gap:12px;font-size:clamp(37px,4.5vw,52px)!important;line-height:1.05!important;letter-spacing:-.025em}
html body .podcasts-design-page .podcast-title-script{width:166px;max-height:69px;transform:rotate(-4deg);color:#c92872}
html body .podcasts-design-page .member-podcasts-heading p{max-width:660px;margin:8px 0 0;color:#766c73;font-size:17px;line-height:1.42}
html body .podcasts-design-page .member-podcasts-count{width:auto;min-width:64px;height:59px;padding:0 17px;border-radius:44%;background:linear-gradient(135deg,#fee7f0,#fad9e8);color:#ae2862;font-size:28px;box-shadow:inset 0 1px 0 #fff7fc}
html body .podcasts-design-page .podcast-heading-heart{display:none!important}
html body .podcasts-design-page .member-podcasts-layout{gap:19px}
html body .podcasts-design-page .member-podcasts-player-card{gap:13px;padding:13px;border-radius:23px;background:linear-gradient(135deg,#fff,#fffafd);box-shadow:0 2px 6px #a74d7010}
html body .podcasts-design-page .member-podcasts-player-copy{gap:7px;padding:1px 3px 3px}
html body .podcasts-design-page .member-podcasts-player-copy strong{font-size:clamp(20px,2.25vw,28px);font-weight:750;line-height:1.3;letter-spacing:.005em}
html body .podcasts-design-page .member-podcasts-player-copy span{font-size:16px}
html body .podcasts-design-page .member-podcasts-library{width:100%;max-width:none;border-radius:23px;background:linear-gradient(135deg,#fffdfd,#fffafd);box-shadow:0 2px 8px #a5446c08}
html body .podcasts-design-page .member-podcasts-library-head{min-height:77px;padding:12px 19px;gap:13px;background:linear-gradient(115deg,#fff5fa,#fffdfd);border-bottom-color:#f0dce5}
html body .podcasts-design-page .podcast-library-title{gap:15px;flex:0 1 auto;min-width:0}
html body .podcasts-design-page .podcast-library-icon{flex:0 0 47px;width:47px;height:43px;border-radius:12px;background:linear-gradient(135deg,#f3589b,#db287a);box-shadow:0 2px 5px #d4357c19}
html body .podcasts-design-page .podcast-library-icon svg{width:29px;height:27px}
html body .podcasts-design-page .podcast-library-script{width:224px;max-height:59px;min-width:0;flex:0 1 auto;color:#d22d75}
html body .podcasts-design-page .member-podcasts-status{font-size:15px;font-weight:400;color:#a96e89}
html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr);gap:15px;padding:13px;max-height:none;overflow:visible}
html body .podcasts-design-page .member-podcast-card{padding:10px;border:1px solid #efdbe5;border-radius:21px;background:linear-gradient(140deg,#fff,#fff9fc);box-shadow:0 2px 7px #ad4f7610}
html body .podcasts-design-page .member-podcast-card:hover{border-color:#e99fbe;box-shadow:0 3px 10px #ca428020}
html body .podcasts-design-page .member-podcast-card.is-active{border-color:#e36a9d;box-shadow:0 0 0 2px #e7639b20}
html body .podcasts-design-page .member-podcast-thumb{aspect-ratio:16/7;border-radius:14px}
/* Library thumbnails fill their preview windows for every account. */
html body .podcasts-design-page .member-podcast-thumb img{object-fit:fill;object-position:center}
html body .podcasts-design-page .member-podcast-thumb i{left:11px;bottom:11px;width:47px;height:47px;border:1px solid #f9e7f1;border-radius:50%;background:#fff9fd;color:#d92878;font-size:20px;box-shadow:0 1px 5px #531c4a25}
html body .podcasts-design-page .member-podcast-card-copy{gap:9px;padding:10px 3px 2px}
html body .podcasts-design-page .member-podcast-card-copy>strong{min-height:2.6em;font-size:clamp(16px,1.75vw,23px);line-height:1.3;font-weight:750;letter-spacing:.005em}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta{gap:8px!important}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:14px;line-height:1.4}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta-icon{flex-basis:17px;width:17px;height:18px}
html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{gap:9px;min-height:39px;padding:8px 13px;border-radius:999px;background:linear-gradient(110deg,#e52c80,#ed5698);font-size:14px;font-weight:700;line-height:1.3;box-shadow:inset 0 1px 1px #ffb6d650}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-play{flex-basis:18px;width:18px;height:18px}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-chevron{font-size:27px}
html body .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head{margin:0 0 12px;padding:4px 1px 17px;min-height:128px;border-bottom:1px solid var(--podcast-line)}
html body .podcasts-design-admin .podcasts-video-head-actions{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0;flex:0 0 auto}
html body .podcasts-design-admin .podcasts-video-upload-open{min-height:42px;border-radius:999px;background:linear-gradient(110deg,#db2978,#ee5c9c);border-color:#dc3b82;color:#fff}
html body .podcasts-design-admin .private-video-recording-count{display:grid;place-items:center;min-width:49px;height:43px;padding:0 13px;border-radius:999px;background:#fce0ed;color:#a82962;font-size:20px}

@media(max-width:760px){
    html body .podcasts-design-page .member-podcasts-panel{padding:12px!important;border-radius:21px!important}
    html body .podcasts-design-page .member-podcasts-head{min-height:105px;padding:2px 2px 16px;gap:12px}
    html body .podcasts-design-page .member-podcasts-heading{gap:14px}
    html body .podcasts-design-page .member-podcasts-heading-icon{flex-basis:60px;width:60px;height:60px;border-radius:17px}
    html body .podcasts-design-page .member-podcasts-heading-icon svg{width:39px;height:39px}
    html body .podcasts-design-page .podcast-design-title{gap:8px;font-size:38px!important}
    html body .podcasts-design-page .podcast-title-script{width:116px;max-height:51px}
    html body .podcasts-design-page .member-podcasts-heading p{font-size:13px;line-height:1.45;margin-top:6px}
    html body .podcasts-design-page .member-podcasts-count{min-width:47px;height:45px;padding:0 11px;font-size:22px}
    html body .podcasts-design-page .podcast-heading-heart{right:3px;bottom:7px;width:31px;height:39px}
    html body .podcasts-design-page .member-podcasts-library-head{min-height:62px;padding:10px 13px;gap:10px}
    html body .podcasts-design-page .podcast-library-title{gap:11px}
    html body .podcasts-design-page .podcast-library-icon{flex-basis:37px;width:37px;height:35px;border-radius:10px}
    html body .podcasts-design-page .podcast-library-icon svg{width:24px;height:22px}
    html body .podcasts-design-page .podcast-library-script{width:181px;max-height:46px}
    html body .podcasts-design-page .member-podcasts-status{font-size:12px}
    html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr);gap:11px;padding:10px}
    html body .podcasts-design-page .member-podcast-card{padding:8px;border-radius:17px}
    html body .podcasts-design-page .member-podcast-thumb{border-radius:11px}
    html body .podcasts-design-page .member-podcast-thumb i{left:8px;bottom:8px;width:36px;height:36px;font-size:16px}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:16px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:11px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta-icon{flex-basis:13px;width:13px;height:14px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{gap:6px;min-height:38px;padding:7px 9px;font-size:11px}
    html body .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head{flex-wrap:wrap;padding-bottom:13px}
    html body .podcasts-design-admin .member-podcasts-heading{flex-basis:100%;padding-right:33px}
    html body .podcasts-design-admin .podcasts-video-head-actions{width:100%;justify-content:flex-start;padding-right:37px}
    html body .podcasts-design-admin .podcast-heading-heart{bottom:15px}
}
@media(max-width:480px){
    html body .podcasts-design-page .member-podcasts-panel{padding:9px!important;border-radius:18px!important}
    html body .podcasts-design-page .member-podcasts-head{min-height:85px;gap:8px;padding:1px 1px 11px}
    html body .podcasts-design-page .member-podcasts-heading{gap:10px}
    html body .podcasts-design-page .member-podcasts-heading-icon{flex-basis:42px;width:42px;height:43px;border-radius:12px}
    html body .podcasts-design-page .member-podcasts-heading-icon svg{width:29px;height:29px}
    html body .podcasts-design-page .podcast-design-title{gap:5px;flex-wrap:nowrap;font-size:28px!important}
    html body .podcasts-design-page .podcast-title-script{width:85px;min-width:0;max-height:37px;flex:0 1 auto}
    html body .podcasts-design-page .member-podcasts-heading p{font-size:11px;line-height:1.42;margin-top:4px}
    html body .podcasts-design-page .member-podcasts-count{min-width:34px;height:34px;padding:0 8px;font-size:18px}
    html body .podcasts-design-page .podcast-heading-heart{right:1px;bottom:5px;width:23px;height:30px}
    html body .podcasts-design-page .member-podcasts-layout{gap:12px}
    html body .podcasts-design-page .member-podcasts-player-card{gap:9px;padding:8px;border-radius:17px}
    html body .podcasts-design-page .member-podcasts-player-copy{padding:0 1px 2px}
    html body .podcasts-design-page .member-podcasts-player-copy strong{font-size:17px}
    html body .podcasts-design-page .member-podcasts-player-copy span{font-size:11px}
    html body .podcasts-design-page .member-podcasts-library{border-radius:17px}
    html body .podcasts-design-page .member-podcasts-library-head{min-height:51px;padding:8px 9px;gap:7px}
    html body .podcasts-design-page .podcast-library-title{gap:8px}
    html body .podcasts-design-page .podcast-library-icon{flex-basis:28px;width:28px;height:27px;border-radius:8px}
    html body .podcasts-design-page .podcast-library-icon svg{width:19px;height:18px}
    html body .podcasts-design-page .podcast-library-script{width:132px;max-height:36px}
    html body .podcasts-design-page .member-podcasts-status{font-size:10px}
    html body .podcasts-design-page .member-podcasts-list{gap:8px;padding:7px}
    html body .podcasts-design-page .member-podcast-card{padding:6px;border-radius:13px}
    html body .podcasts-design-page .member-podcast-thumb{border-radius:9px}
    html body .podcasts-design-page .member-podcast-thumb i{left:6px;bottom:6px;width:27px;height:27px;font-size:12px}
    html body .podcasts-design-page .member-podcast-card-copy{gap:7px;padding:7px 1px 1px}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:12px;line-height:1.35;min-height:2.7em}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta{gap:4px!important;align-items:flex-start}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:10px;line-height:1.35}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta-icon{flex-basis:11px;width:11px;height:12px;margin-top:1px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{gap:4px;min-height:40px;padding:7px 6px;font-size:10px;line-height:1.3}
    html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-play{flex-basis:12px;width:12px;height:12px}
    html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-chevron{font-size:19px}
    html body .podcasts-design-admin .member-podcasts-heading{padding-right:0}
    html body .podcasts-design-admin .private-video-recording-count{min-width:39px;height:38px;font-size:18px}
}
@media(max-width:359px){
    html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr)}
    html body .podcasts-design-page .member-podcasts-heading{gap:8px}
    html body .podcasts-design-page .member-podcasts-heading-icon{flex-basis:36px;width:36px;height:38px;border-radius:11px}
    html body .podcasts-design-page .member-podcasts-heading-icon svg{width:25px;height:25px}
    html body .podcasts-design-page .podcast-design-title{flex-wrap:nowrap;font-size:24px!important}
    html body .podcasts-design-page .podcast-title-script{width:66px}
    html body .podcasts-design-page .member-podcasts-count{min-width:31px;height:31px;padding:0 7px;font-size:17px}
    html body .podcasts-design-page .member-podcasts-heading p{font-size:10px}
    html body .podcasts-design-page .podcast-library-script{width:113px}
    html body .podcasts-design-page .podcast-library-title{gap:6px}
    html body .podcasts-design-page .member-podcasts-library-head{gap:5px;padding-inline:8px}
    html body .podcasts-design-page .member-podcasts-status{font-size:9px}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:11.5px;min-height:2.7em}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{min-height:44px;padding:7px 4px;font-size:10px}
}

/* Keep the heading word intact, and supersede the older compact admin header. */
html body .podcasts-design-page .podcast-design-title>span{flex:0 0 auto;white-space:nowrap;word-break:normal;overflow-wrap:normal}
html body .podcasts-design-page .podcast-title-script{flex-shrink:1;min-width:0}
html body[data-current-view="private_recordings"] .podcasts-design-admin{--podcast-admin-title-size:48px;--podcast-admin-description-size:16px}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head{align-items:flex-start!important;gap:18px!important;padding:4px 1px 18px!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head>.member-podcasts-heading{display:flex!important;align-items:center!important;gap:22px!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head .podcast-design-title{font-size:var(--podcast-admin-title-size)!important;line-height:1.05!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head .member-podcasts-heading p{font-size:var(--podcast-admin-description-size)!important;line-height:1.42!important;margin:8px 0 0!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head>.podcasts-video-head-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-count{min-width:45px!important;height:43px!important;padding:0 13px!important;font-size:20px!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-card{gap:10px!important;padding:12px!important;border-radius:20px!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-preview{height:auto!important;min-height:140px!important;max-height:none!important;aspect-ratio:16/7;border-radius:13px!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-copy strong{font-size:20px!important;line-height:1.3!important;color:var(--podcast-ink)}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-copy small{font-size:12px!important;line-height:1.4!important}
@media(max-width:760px){
    html body[data-current-view="private_recordings"] .podcasts-design-admin{--podcast-admin-title-size:38px;--podcast-admin-description-size:13px}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head{gap:10px!important;padding-bottom:13px!important}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head>.member-podcasts-heading{gap:14px!important}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-copy strong{font-size:17px!important}
}
@media(max-width:600px){
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head>.podcasts-video-head-actions{justify-content:flex-start!important;align-items:center!important}
}
@media(max-width:480px){
    html body[data-current-view="private_recordings"] .podcasts-design-admin{--podcast-admin-title-size:28px;--podcast-admin-description-size:11px}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head>.member-podcasts-heading{gap:10px!important}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-panel>.member-podcasts-head .member-podcasts-heading p{margin-top:5px!important}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-count{min-width:38px!important;height:36px!important;padding:0 10px!important;font-size:18px!important}
}
@media(max-width:359px){
    html body .podcasts-design-page .podcast-design-title{font-size:22px!important;gap:4px}
    html body .podcasts-design-page .podcast-title-script{width:60px}
    html body[data-current-view="private_recordings"] .podcasts-design-admin{--podcast-admin-title-size:24px;--podcast-admin-description-size:10px}
}

/* Desktop library spacing; videos stay in a single list. */
@media(min-width:761px){
    html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:12px;align-content:start}
    html body .podcasts-design-page .member-podcast-card{width:100%;max-width:none;justify-self:start;padding:8px;border-radius:17px}
    html body .podcasts-design-page .member-podcast-thumb{border-radius:11px}
    html body .podcasts-design-page .member-podcast-thumb i{left:8px;bottom:8px;width:34px;height:34px;font-size:15px}
    html body .podcasts-design-page .member-podcast-card-copy{gap:7px;padding:8px 2px 1px}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:17px;line-height:1.3}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:12px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta-icon{flex-basis:14px;width:14px;height:15px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{min-height:38px;padding:7px 10px;font-size:12px;gap:6px}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-grid{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row;gap:12px!important;align-content:start}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-card{width:100%!important;max-width:none!important;min-width:0!important;justify-self:start;gap:8px!important;padding:10px!important;border-radius:17px!important}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-preview{min-height:0!important;border-radius:11px!important}
    html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-copy strong{font-size:17px!important}
}


/* Stable vector play marks and one tap target per library card on iPhone. */
html body .podcasts-design-page :is(.member-podcast-card,.private-video-recording-preview){-webkit-appearance:none;appearance:none;touch-action:manipulation}
html body .podcasts-design-page .podcast-library-play-glyph{display:block;flex:0 0 auto;width:100%;height:100%;overflow:visible;pointer-events:none}
html body .podcasts-design-page .podcast-library-play-glyph *,
html body .podcasts-design-page .podcast-card-cta-play svg{pointer-events:none}
html body .podcasts-design-page .member-podcast-thumb i{display:grid;place-items:center;line-height:1;font-style:normal;pointer-events:none}
html body .podcasts-design-page .member-podcast-thumb i>.podcast-library-play-glyph,
html body .podcasts-design-page .private-video-recording-play-icon>.podcast-library-play-glyph{width:62%;height:62%}
html body .podcasts-design-page .private-video-recording-play-icon{display:grid;place-items:center;line-height:1;pointer-events:none}
@media(max-width:760px){
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{min-height:44px}
}
@media(max-width:760px), (max-width:1024px) and (max-height:500px){
    html body .podcasts-design-page .member-podcasts-player-card{scroll-margin-top:calc(64px + env(safe-area-inset-top,0px));scroll-margin-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
    html body .podcasts-design-page .member-podcasts-player-card .podcast-simple-controls{scroll-margin-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
}


/* Stretch each complete library thumbnail across its widescreen window. */
html body .podcasts-design-page .member-podcast-thumb{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
html body .podcasts-design-page .member-podcast-thumb>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:fill!important;object-position:center!important;transform:none!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-preview{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-preview>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:fill!important;object-position:center!important;transform:none!important}
/* Background preview creation reveals this only after a thumbnail is saved. */
html body .podcast-recording-thumbnail-remove-form[data-auto-preview-remove][hidden]{display:none!important}

/* One video per row, with its thumbnail beside the title and details. */
html body .podcasts-design-admin .podcast-order-help{font-size:13px;line-height:1.5;color:#624454;margin:0 0 14px}
html body .podcasts-design-admin .podcast-order-control{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
html body .podcasts-design-admin .podcast-order-control label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700}
html body .podcasts-design-admin .podcast-order-control input{width:76px!important;min-width:0;min-height:44px;padding:8px!important;border:1px solid #d99bb5;border-radius:10px;background:#fff;color:#542f41;font:inherit;font-size:16px;text-align:center}
html body .podcasts-design-admin .podcast-order-control input:focus-visible{outline:2px solid #b82d6b;outline-offset:2px}
html body .podcasts-design-admin .podcast-order-status{font-size:12px;color:#624454;overflow-wrap:anywhere}
html body .podcasts-design-admin .podcast-order-status.is-error{color:#a11d43}
html body .podcasts-design-admin [data-podcast-order-retry][hidden]{display:none!important}
html body .podcasts-design-page .member-podcasts-list{grid-template-columns:minmax(0,1fr);align-content:start}
html body .podcasts-design-page .member-podcast-card{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);align-items:center;gap:16px;width:100%;max-width:none;justify-self:stretch;padding:12px}
html body .podcasts-design-page .member-podcast-thumb{align-self:center;width:100%;min-width:0}
html body .podcasts-design-page .member-podcast-card-copy{align-self:center;gap:8px;padding:0;min-width:0}
html body .podcasts-design-page .member-podcast-card-copy>strong{display:block;min-height:0;font-size:18px;line-height:1.35;white-space:normal;overflow:visible;-webkit-line-clamp:unset}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta{white-space:normal;overflow-wrap:anywhere}
html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:12px;line-height:1.4;white-space:normal}
html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{align-self:flex-start;justify-self:start;max-width:190px;margin-top:2px;min-height:40px;font-size:12px}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recordings-grid{grid-template-columns:minmax(0,1fr)!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-card{max-width:none!important}
html body[data-current-view="private_recordings"] .podcasts-design-admin .private-video-recording-preview{max-width:360px!important}
@media(max-width:760px){
    html body .podcasts-design-page .member-podcast-card{grid-template-columns:minmax(90px,32%) minmax(0,1fr);gap:11px;padding:9px;border-radius:15px}
    html body .podcasts-design-page .member-podcast-card-copy{gap:6px;padding:0}
    html body .podcasts-design-page .member-podcast-card-copy>strong{min-height:0;font-size:14px;line-height:1.35}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-meta>span:last-child{font-size:10px}
    html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{max-width:170px;min-height:44px;padding:7px 9px;font-size:11px}
    html body .podcasts-design-page .member-podcast-thumb i{left:5px;bottom:5px;width:27px;height:27px}
}
@media(max-width:359px){
    html body .podcasts-design-page .member-podcast-card{grid-template-columns:minmax(76px,31%) minmax(0,1fr);gap:8px;padding:7px}
    html body .podcasts-design-page .member-podcast-card-copy>strong{font-size:13px}
}

/* Video Library thumbnails stay clickable without a corner play badge. */
html body .podcasts-design-page .member-podcast-thumb > i,
html body .podcasts-design-page .podcast-video-recording-preview > .private-video-recording-play-icon{
    display:none!important;
}


/* Compact Watch video pill; the complete podcast card remains the tap target. */
html body .podcasts-design-page .member-podcast-card-copy .podcast-card-cta{
    display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
    width:auto;max-width:100%;min-height:32px;gap:6px;margin-top:2px;
    padding:4px 12px;border-radius:999px;font-size:12px;line-height:1.2;
    white-space:nowrap;
}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-play{
    flex:0 0 14px;width:14px;height:14px;
}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-label{
    flex:0 1 auto;line-height:1.2;white-space:nowrap;
}
html body .podcasts-design-page .podcast-card-cta .podcast-card-cta-chevron{
    flex:0 0 auto;font-size:18px;line-height:1;
}