/* Home keeps the existing Pedeplay palette and gives the actual cover art room. */
.watch-home{padding:29px 0 0;--home-radius:20px}
.home-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.home-welcome .eyebrow{font-size:8px;letter-spacing:2.1px;color:var(--muted);margin-bottom:6px}
.home-welcome-title{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.4}
.home-quick-resume{display:inline-flex;gap:9px;align-items:center;border:1px solid #3d5030;border-radius:30px;min-height:40px;padding:9px 15px;color:var(--soft);font-size:11px;background:#131d0e;flex-shrink:0}
.home-quick-resume>.icon{width:15px;height:15px}.home-quick-resume:hover{border-color:#91b65b;color:var(--accent)}.home-quick-resume>.icon:first-child{color:var(--accent)}
.home-feature{border:1px solid #35462a;border-radius:var(--home-radius);background:linear-gradient(115deg,#182312 0%,#10190d 52%,#1a2812 100%);overflow:hidden;position:relative}
.home-feature-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;min-height:448px;padding:37px 43px 29px;align-items:center}
.home-feature-copy{min-width:0;position:relative;z-index:2;padding-bottom:7px}
.home-feature-kicker{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:8px;letter-spacing:1.8px;font-weight:700;margin-bottom:22px}
.home-feature-kicker>span{width:21px;height:2px;background:var(--accent);display:block}
.home-feature-kind{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;color:#b5c6a7;font-weight:500;margin-bottom:10px;flex-wrap:wrap}
.home-feature-kind>.icon{width:14px;height:14px;color:var(--accent)}.home-feature-kind>span{font-size:9px;letter-spacing:0;color:#c1d2b3;padding-left:9px;border-left:1px solid #526545;margin-left:3px}
.home-feature-copy h1{font:clamp(43px,4.8vw,70px)/1.025 var(--display);letter-spacing:.6px;text-wrap:balance;max-width:650px;overflow-wrap:anywhere;margin:0 0 16px}
.home-feature-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--soft);font-size:11px}
.home-feature-meta>span+span::before{content:"·";margin-right:10px;color:#738665}
.home-feature-genres{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.home-feature-genres>span{font-size:9px;color:#c1d0b3;border:1px solid #405433;background:#22301a;padding:3px 8px;border-radius:5px}
.home-feature-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.9;color:#abbf9d;max-width:570px;margin-top:17px}
.home-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:25px}
.home-feature-actions .button{min-height:48px;font-size:11px;border-radius:9px;padding:12px 18px}.home-feature-actions .primary>.icon{fill:currentColor;width:16px;height:16px}.home-feature-actions .loader{width:15px;height:15px;flex-shrink:0}
.home-feature-details{display:flex;gap:6px;align-items:center;color:var(--soft);font-size:10px;min-height:42px;margin-left:5px}.home-feature-details>.icon{width:14px;height:14px}.home-feature-details:hover{color:var(--accent)}
.home-feature-resume{font-size:10px;color:var(--accent);display:flex;align-items:center;gap:7px;margin-top:14px}.home-feature-resume .icon{width:13px;height:13px}
.home-feature-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:370px;padding:6px 15px 27px;min-width:0}
.home-art-orbit{position:absolute;inset:13% -4% 10%;border:1px solid #607d3738;border-radius:50%;z-index:-2;transform:rotate(-25deg)}
.home-art-orbit::after{content:"";position:absolute;inset:-25px 19px;border:1px solid #607d3720;border-radius:50%}
.home-feature-poster{position:relative;z-index:2;display:block;width:clamp(190px,19vw,260px);max-width:69%;transform:rotate(2deg);transition:transform .2s;box-shadow:0 23px 55px #0008;border-radius:11px;background:#152110}
.home-feature-poster:hover{transform:rotate(0deg) translateY(-3px)}.home-feature-poster>.artwork{width:100%;aspect-ratio:2/3;border:1px solid #78955066;border-radius:11px}
.home-feature-poster>.artwork:has(>img){aspect-ratio:auto}.home-feature-poster>.artwork>img{width:100%;height:auto;display:block}
.home-poster-echo{position:absolute;z-index:-1;width:clamp(130px,13vw,185px);max-width:46%;top:50%;border:1px solid #6e82464d;box-shadow:0 15px 35px #0004;border-radius:10px;overflow:hidden}
.home-poster-echo .artwork{border-radius:0}.home-poster-echo .artwork img{width:100%;height:auto}
.home-poster-echo.echo-0{left:4%;transform:translateY(-53%) rotate(-10deg)}.home-poster-echo.echo-1{right:0;transform:translateY(-48%) rotate(10deg)}
.home-art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#7e956b;letter-spacing:2px;font-size:7px;z-index:3}
.home-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 30px 16px 42px;border-top:1px solid #3e53293b;background:#0b13094d}
.home-feature-caption{font-size:7px;letter-spacing:1.7px;color:#879c75;line-height:1.8;max-width:180px}
.home-feature-tabs{display:flex;gap:8px;min-width:0;max-width:75%}
.home-feature-tabs>button{display:flex;align-items:center;gap:9px;text-align:left;min-width:0;min-height:43px;max-width:190px;padding:7px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#819875;transition:border-color .15s,background .15s}
.home-feature-tabs>button>span:first-child{font:24px/1 var(--display);color:#75935b}
.home-feature-tabs>button>span:last-child{font-size:9px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-feature-tabs>button[aria-selected="true"]{border-color:#526b3a;background:#2a3b1d;color:#e2edda}.home-feature-tabs>button[aria-selected="true"]>span:first-child{color:var(--accent)}
.home-section{margin-top:43px;min-width:0}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.home-section-heading .eyebrow{font-size:7px;letter-spacing:2px;color:var(--muted);margin-bottom:8px}
.home-section-heading h2{font-size:25px;font-weight:500;letter-spacing:-.75px;line-height:1.3}.home-shelf-actions{display:flex;align-items:center;gap:22px}.home-shelf-actions>.text-link{font-size:10px;white-space:nowrap}
.home-rail-buttons{display:flex;align-items:center;gap:7px}.home-rail-buttons>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #364a28;border-radius:50%;background:#15200f;color:#c3d3b4;padding:7px}
.home-rail-buttons .icon{width:16px;height:16px}.home-rail-buttons>button:hover:not(:disabled){background:#2b3d1d;border-color:#7b9e4e;color:var(--accent)}.home-rail-buttons>button:disabled{opacity:.25;cursor:default}
.home-continue-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 1px 7px}
.home-continue-rail::-webkit-scrollbar,.home-title-rail::-webkit-scrollbar{display:none}
.home-resume-card{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:center;min-height:144px;padding:10px 41px 10px 10px;border:1px solid #304126;border-radius:13px;background:#141e0f;scroll-snap-align:start;transition:border-color .16s,background .16s}
.home-resume-card:hover{border-color:#688a43;background:#1b2912}.home-resume-art{width:88px;height:122px;border:1px solid #3a4c2d;border-radius:7px;background:#0e170b}.home-resume-art img{object-fit:contain}
.home-resume-art .artwork-fallback b{font-size:27px}.home-resume-art .artwork-fallback span{display:none}.home-resume-copy{min-width:0}.home-resume-label{font-size:7px;letter-spacing:1px;color:#9ab87e}
.home-resume-copy h3{font-size:13px;font-weight:500;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 4px}.home-resume-copy>p{font-size:10px;color:var(--muted)}
.home-resume-time{display:block;font-size:9px;color:#b5ce9c;line-height:1.7;margin-top:8px}.home-resume-copy progress{appearance:none;display:block;width:100%;height:3px;border:0;background:#36442b;border-radius:3px;overflow:hidden;margin-top:10px}
.home-resume-play{position:absolute;right:12px;bottom:17px;display:grid;place-items:center;width:27px;height:27px;background:var(--accent);color:#17270a;border-radius:50%}.home-resume-play>.icon{width:13px;height:13px;fill:currentColor}
.home-title-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 90px)/6);gap:18px;overflow:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:4px 1px 9px}
.home-title-rail>.title-card,.home-ranked-card{scroll-snap-align:start}.watch-home .title-card h3{font-size:12px;margin-top:10px;line-height:1.65}.watch-home .title-card p{font-size:10px}
.home-ranked-rail{grid-auto-columns:calc((100% - 80px)/5);gap:20px}.home-ranked-card{position:relative;min-width:0;padding-left:32px}.home-rank{position:absolute;bottom:72px;left:0;font:130px/.8 var(--display);letter-spacing:-3px;color:#0b1008;-webkit-text-stroke:1.5px #7b9854;z-index:2;pointer-events:none;text-shadow:4px 4px 0 #0b1008}
.home-ranked-card .title-card .card-type{display:none}.home-ranked-card .title-card>.artwork{border-color:#4c6335}.home-ranked-card .card-audio-language{margin-bottom:1px}.home-ranked-card .title-card .artwork{min-height:190px}
.home-genres{margin-top:42px;padding:25px 28px;border:1px solid #304025;border-radius:15px;background:linear-gradient(110deg,#182410,#11190d);display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;align-items:center}
.home-genres>div:first-child>span{font-size:7px;letter-spacing:1.6px;color:#9dbd7c}.home-genres h2{font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.4;margin-top:7px;max-width:230px}.home-genres>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.home-genres a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#b7c9a8;background:#233019;border:1px solid #3c5130;border-radius:30px;min-height:38px;padding:8px 13px}.home-genres a>.icon{width:12px;height:12px;color:#7f9e63}.home-genres a:hover{color:var(--accent);border-color:#8ca95d}
.home-browse-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #2d3d22}.home-category-tabs{display:flex;align-items:center;gap:9px}.home-category-tabs>button{display:flex;align-items:center;gap:9px;min-height:42px;border:1px solid #37492b;border-radius:9px;background:#131c0e;padding:10px 16px;font-size:11px;color:var(--muted)}
.home-category-tabs>button>span{font-size:9px;opacity:.65}.home-category-tabs>button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#17260b;font-weight:700}
.home-browse-search{display:flex;align-items:center;gap:10px;border:1px solid #35472a;border-radius:9px;background:#131d0e;padding:0 12px;color:var(--muted);width:285px;min-height:42px}.home-browse-search>.icon{width:16px;height:16px}.home-browse-search input{border:0;outline:none;background:none;color:var(--text);font-size:10px;min-width:0;flex:1;padding:12px 0;width:100%}.home-browse-search:focus-within{border-color:var(--accent)}
.home-browse-status{font-size:10px;color:var(--muted);margin:16px 0 20px}.home-browse-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:27px 18px;align-items:start}.home-load-more{display:flex;justify-content:center;margin-top:29px}.home-load-more .button{font-size:11px;min-width:190px;min-height:43px}
.home-endnote{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:48px;padding:28px 15px;border-top:1px solid #2c3a23;color:var(--muted)}.home-end-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #455f30;border-radius:9px;color:var(--accent)}.home-end-mark>.icon{width:13px;height:13px;fill:currentColor}.home-endnote p{font-size:11px}.home-endnote>a{display:flex;align-items:center;gap:6px;font-size:10px;color:#b6d392;margin-left:13px}.home-endnote>a>.icon{width:14px;height:14px}.home-empty{text-align:center;padding-top:50px}
@media(min-width:1650px){.home-feature-main{min-height:465px}.home-feature-art{min-height:390px}.home-feature-copy{max-width:650px}}
@media(max-width:1200px){.home-feature-main{padding:31px 30px 26px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:15px}.home-feature-copy h1{font-size:58px}.home-feature-description{font-size:11px}.home-feature-tabs>button{max-width:150px}.home-feature-tabs{max-width:80%;gap:3px}.home-feature-bottom{padding-left:30px;padding-right:23px}.home-feature-caption{font-size:6px;max-width:125px}.home-title-rail{grid-auto-columns:calc((100% - 54px)/4)}.home-ranked-rail{grid-auto-columns:calc((100% - 60px)/4)}.home-browse-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-continue-rail{grid-auto-columns:calc((100% - 18px)/2)}.home-genres{grid-template-columns:205px minmax(0,1fr);gap:20px;padding:23px}.home-genres h2{font-size:20px}}
@media(max-width:850px){.home-welcome-title{font-size:20px}.home-feature-copy h1{font-size:47px}.home-feature-main{padding:27px 23px 24px;min-height:415px;gap:10px}.home-feature-art{min-height:300px;padding-left:0;padding-right:0}.home-feature-poster{max-width:73%;width:210px}.home-poster-echo.echo-0{left:0}.home-poster-echo.echo-1{right:-5%}.home-feature-kicker{font-size:7px;letter-spacing:1.1px;margin-bottom:17px}.home-feature-actions .button{font-size:10px;padding:11px 14px;min-height:44px}.home-feature-details{font-size:9px;margin-left:0}.home-art-caption{font-size:6px;letter-spacing:1px}.home-feature-caption{display:none}.home-feature-tabs{max-width:100%;width:100%;justify-content:space-between;gap:7px}.home-feature-tabs>button{flex:1;max-width:none;padding:7px 8px}.home-feature-bottom{padding:12px 19px}.home-quick-resume{font-size:10px;min-height:38px;padding:8px 11px}.home-quick-resume>.icon:last-child{display:none}.home-section-heading h2{font-size:23px}.home-browse-tools{gap:12px}.home-category-tabs{gap:6px}.home-category-tabs>button{padding:10px 12px;font-size:10px}.home-browse-search{width:245px}.home-genres{grid-template-columns:1fr;gap:18px}.home-genres h2{max-width:none}.home-continue-rail{grid-auto-columns:70%;gap:14px}.home-feature-genres>span{font-size:8px;padding:3px 6px}.home-feature-meta{font-size:10px}}
@media(max-width:550px){.watch-home{padding-top:23px;--home-radius:15px}.home-welcome{align-items:flex-start;gap:12px;margin-bottom:19px}.home-welcome .eyebrow{font-size:7px;letter-spacing:1.5px}.home-welcome-title{font-size:18px;max-width:230px;line-height:1.45;letter-spacing:-.4px}.home-quick-resume{font-size:0;border-radius:11px;min-width:39px;min-height:39px;padding:10px;margin-top:3px}.home-quick-resume>.icon{width:17px;height:17px}.home-quick-resume>.icon:last-child{display:block}.home-quick-resume:has(>.icon:nth-child(2))>.icon:last-child{display:none}
 .home-feature-main{grid-template-columns:1fr;gap:14px;padding:19px 21px 21px;min-height:0}.home-feature-art{grid-row:1;min-height:186px;padding-bottom:17px;max-width:310px;width:100%;justify-self:center}.home-feature-poster{width:112px;max-width:60%}.home-poster-echo{width:94px;max-width:42%}.home-poster-echo.echo-0{left:8%;transform:translateY(-53%) rotate(-10deg)}.home-poster-echo.echo-1{right:8%;transform:translateY(-47%) rotate(10deg)}.home-art-orbit{inset:13% 7% 8%}.home-art-caption{font-size:5.5px;letter-spacing:1.5px}.home-feature-copy{padding-bottom:0}.home-feature-kicker{display:none}.home-feature-kind{font-size:7px;margin-bottom:9px}.home-feature-kind>span{font-size:8px}.home-feature-copy h1{font-size:40px;line-height:1.02;margin-bottom:13px}.home-feature-meta{font-size:10px;gap:8px}.home-feature-meta>span+span::before{margin-right:8px}.home-feature-genres{margin-top:11px;gap:5px}.home-feature-genres>span{font-size:8px}.home-feature-description{-webkit-line-clamp:2;font-size:11px;line-height:1.85;margin-top:14px}.home-feature-actions{gap:8px;margin-top:20px}.home-feature-actions .button{padding:11px 14px;font-size:10px;min-height:44px;flex:1}.home-feature-actions .button>.icon{width:15px;height:15px}.home-feature-details{width:100%;justify-content:center;min-height:30px;font-size:10px;margin-top:2px}.home-feature-resume{font-size:9px;margin-top:8px}.home-feature-bottom{padding:11px 12px}.home-feature-tabs>button{max-width:none;min-height:36px;padding:5px 6px;gap:5px;justify-content:center}.home-feature-tabs>button>span:first-child{font-size:23px}.home-feature-tabs>button>span:last-child{display:none}.home-feature-tabs{gap:6px}
 .home-section{margin-top:31px}.home-section-heading{gap:12px;margin-bottom:17px}.home-section-heading .eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:6px}.home-section-heading h2{font-size:21px;letter-spacing:-.6px}.home-rail-buttons{display:none}.home-shelf-actions{gap:0}.home-shelf-actions>.text-link,.home-explore .home-section-heading>.text-link{font-size:9px;white-space:nowrap}.home-explore .home-section-heading>.text-link{max-width:95px;text-align:right;line-height:1.7;gap:4px}.home-shelf-actions>.text-link .icon,.home-explore .home-section-heading>.text-link .icon{width:12px;height:12px}.home-continue-rail{grid-auto-columns:92%;gap:12px}.home-resume-card{grid-template-columns:76px minmax(0,1fr);gap:12px;min-height:132px;padding:9px 35px 9px 9px}.home-resume-art{width:76px;height:112px}.home-resume-copy h3{font-size:12px;margin-top:4px}.home-resume-label{font-size:6px}.home-resume-copy>p{font-size:9px}.home-resume-time{font-size:8px}.home-resume-play{width:25px;height:25px;right:10px;bottom:15px}.home-title-rail{grid-auto-columns:43%;gap:13px}.home-ranked-rail{grid-auto-columns:48%;gap:12px}.home-ranked-card{padding-left:22px}.home-rank{font-size:99px;bottom:71px;-webkit-text-stroke:1px #78964f}.home-ranked-card .title-card .artwork{min-height:0}.watch-home .title-card h3{font-size:11px}.watch-home .title-card p{font-size:9px}.watch-home .card-audio-language{font-size:8px;padding:2px 6px;margin-top:6px}
 .home-genres{margin-top:30px;padding:20px 17px;gap:16px;border-radius:12px}.home-genres>div:first-child>span{font-size:6px}.home-genres h2{font-size:20px;margin-top:5px}.home-genres>div:last-child{gap:7px}.home-genres a{font-size:9px;min-height:35px;padding:7px 11px;gap:7px}.home-genres a>.icon{width:11px;height:11px}.home-browse-tools{flex-direction:column;align-items:stretch;gap:13px;padding-bottom:14px}.home-category-tabs{gap:7px}.home-category-tabs>button{flex:1;justify-content:center;padding:9px 11px;min-height:40px;font-size:10px;gap:7px}.home-category-tabs>button>span{font-size:8px}.home-browse-search{width:100%;min-height:42px}.home-browse-search input{font-size:11px}.home-browse-status{font-size:9px;margin:13px 0 18px}.home-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.home-load-more{margin-top:24px}.home-endnote{margin-top:33px;flex-wrap:wrap;gap:12px;padding:24px 5px}.home-endnote p{font-size:10px}.home-endnote>a{width:100%;justify-content:center;margin-left:0;font-size:10px}.home-end-mark{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.home-feature-poster,.home-rail-buttons>button,.home-feature-tabs>button,.home-resume-card{transition:none}.home-feature-poster:hover{transform:rotate(2deg)}}
