:root{--yr-bg: #050607;--yr-bg-soft: #0c0f14;--yr-surface: #141820;--yr-surface-raised: #1b202a;--yr-surface-glass: rgba(8, 10, 14, .82);--yr-border: rgba(255, 255, 255, .13);--yr-border-strong: rgba(255, 255, 255, .22);--yr-text: #f8f6ef;--yr-muted: #a9adb8;--yr-muted-strong: #d7d9df;--yr-red: #f1192f;--yr-cyan: #55d6ff;--yr-lime: #c9ff5a;--yr-gold: #ffc857;--yr-font-display: "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", "Trebuchet MS", sans-serif;--yr-font-body: "Avenir Next", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--yr-text);background:var(--yr-bg);font-family:var(--yr-font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html{background:var(--yr-bg)}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(85,214,255,.13),transparent 28rem),radial-gradient(circle at 78% 4%,rgba(241,25,47,.13),transparent 30rem),linear-gradient(180deg,rgba(20,24,32,.74),var(--yr-bg) 38rem),var(--yr-bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0}.app-shell{display:grid;min-height:100vh;min-height:100dvh;grid-template-rows:auto minmax(0,1fr) auto}.top-nav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(max-content,1fr) minmax(280px,520px) minmax(max-content,1fr);align-items:center;gap:18px;min-height:74px;padding:12px clamp(18px,4vw,58px);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#050607f5,#050607b8),var(--yr-surface-glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand,.nav-cluster,.nav-links,.header-search,.account-actions,.chip-row,.index-card,.playlist-row{display:flex;align-items:center}.nav-cluster{min-width:0;gap:24px}.brand{gap:10px;min-width:max-content;color:var(--yr-text);font-family:var(--yr-font-display);font-size:1.28rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#050607;background:linear-gradient(135deg,var(--yr-cyan),var(--yr-lime));box-shadow:0 0 0 1px #ffffff2e,0 12px 30px #55d6ff3d}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.nav-links{gap:2px;overflow-x:auto;color:var(--yr-muted);font-size:.92rem;font-weight:700}.nav-links a{min-height:38px;padding:9px 12px;border-radius:999px}.nav-links a.active,.nav-links a:hover,.nav-links a:focus-visible{color:var(--yr-text);background:#ffffff1a;outline:none}.header-search{justify-self:center;width:100%;min-height:42px;gap:10px;padding:0 13px;border:1px solid var(--yr-border);border-radius:999px;color:var(--yr-muted);background:#ffffff13;box-shadow:inset 0 1px #ffffff14}.header-search:focus-within{border-color:#55d6ffa3;color:var(--yr-text);background:#ffffff1c;box-shadow:0 0 0 3px #55d6ff1f}.header-search input{width:100%;min-width:0;border:0;color:var(--yr-text);background:transparent;outline:none}.header-search input::placeholder{color:#8d929e}.account-actions{justify-content:end;gap:8px}.icon-button,.login-button,.profile-menu{min-height:38px;border-radius:999px;color:var(--yr-text);background:#ffffff17;cursor:pointer}.icon-button{display:grid;width:38px;place-items:center}.login-button{display:inline-flex;align-items:center;justify-content:center;padding:0 15px;font-weight:800}.profile-menu{display:inline-flex;align-items:center;gap:6px;padding:0 9px 0 5px}.profile-menu span{display:grid;width:30px;height:30px;place-items:center;border-radius:999px;color:#050607;background:linear-gradient(135deg,var(--yr-gold),var(--yr-cyan))}.icon-button:hover,.icon-button:focus-visible,.login-button:hover,.login-button:focus-visible,.profile-menu:hover,.profile-menu:focus-visible{background:#ffffff29;outline:none}.notification-button{position:relative}.notification-button span{position:absolute;top:-3px;right:-3px;display:grid;min-width:17px;height:17px;place-items:center;padding:0 4px;border-radius:999px;color:#050607;background:var(--yr-lime);font-size:.68rem;font-weight:900}.account-panel{position:absolute;top:calc(100% + 10px);right:clamp(18px,4vw,58px);z-index:40;width:min(360px,calc(100vw - 36px));border:1px solid var(--yr-border);border-radius:8px;background:#141820fa;box-shadow:0 26px 70px #00000085}.notification-panel{display:grid;gap:10px;padding:12px}.notification-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-panel header strong,.profile-panel strong{color:var(--yr-text)}.notification-panel header button,.profile-panel button,.profile-link{min-height:34px;padding:0 11px;border-radius:999px;color:#050607;background:var(--yr-cyan);cursor:pointer;font-weight:900}.profile-link{display:inline-flex;align-items:center;justify-content:center}.notification-panel header button:disabled{cursor:not-allowed;opacity:.55}.account-panel-status,.account-panel-empty{margin:0;color:var(--yr-muted);font-size:.86rem}.notification-list{display:grid;gap:6px;max-height:330px;overflow:auto}.notification-list button{display:grid;gap:4px;padding:10px;border-radius:8px;color:var(--yr-muted-strong);text-align:left;background:#ffffff0f;cursor:pointer}.notification-list button.is-unread{background:#55d6ff21}.notification-list button strong{color:var(--yr-text)}.notification-list button span,.notification-list button small{color:var(--yr-muted);line-height:1.35}.profile-panel{display:grid;gap:8px;padding:14px}.profile-panel span{overflow:hidden;color:var(--yr-muted);text-overflow:ellipsis;white-space:nowrap}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0}.profile-stats span{display:grid;gap:3px;padding:9px;border-radius:8px;background:#ffffff0f}.profile-stats dt,.profile-stats dd{margin:0}.profile-stats dt{color:var(--yr-muted);font-size:.76rem}.profile-stats dd{color:var(--yr-text);font-weight:900}.profile-page{width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:40px auto 0}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid var(--yr-border);border-radius:8px;background:linear-gradient(135deg,#55d6ff1f,#f1192f14),#141820d1;box-shadow:0 24px 70px #0000005c}.profile-avatar{display:grid;width:74px;height:74px;place-items:center;border-radius:8px;color:#050607;background:linear-gradient(135deg,var(--yr-gold),var(--yr-cyan));font-family:var(--yr-font-display);font-size:2.4rem;font-weight:900}.profile-hero-copy{min-width:0}.profile-hero-copy h1{max-width:none;margin-bottom:4px;font-size:3.1rem}.profile-hero-copy p:not(.eyebrow){max-width:100%;margin:0;overflow:hidden;color:var(--yr-muted);text-overflow:ellipsis;white-space:nowrap}.profile-hero-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.profile-hero-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 13px;border-radius:999px;color:var(--yr-text);background:#ffffff1c;cursor:pointer;font-weight:900}.profile-hero-actions button:first-child{color:#050607;background:var(--yr-lime)}.profile-hero-actions button:disabled{cursor:not-allowed;opacity:.56}.profile-status{max-width:none;margin:12px 0 0;padding:10px 12px;border:1px solid rgba(85,214,255,.26);border-radius:8px;color:var(--yr-muted-strong);background:#55d6ff14;font-size:.9rem}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 24px}.profile-stat{display:grid;gap:5px;min-height:84px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0e}.profile-stat span{color:var(--yr-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.profile-stat strong{color:var(--yr-text);font-family:var(--yr-font-display);font-size:2.2rem;line-height:1}.profile-layout{display:grid;gap:18px}.profile-section{display:grid;gap:12px;padding:18px;border:1px solid var(--yr-border);border-radius:8px;background:#141820ad}.profile-section header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-notification-list{display:grid;gap:8px}.profile-notification-list button,.profile-follow-card{display:grid;min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:var(--yr-muted-strong);background:#ffffff0e}.profile-notification-list button{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px;text-align:left;cursor:pointer}.profile-notification-list button.is-unread{border-color:#c9ff5a4d;background:#c9ff5a1a}.profile-notification-list span,.profile-follow-card span:last-child{display:grid;min-width:0;gap:4px}.profile-notification-list strong,.profile-follow-card strong,.profile-empty strong{overflow:hidden;color:var(--yr-text);text-overflow:ellipsis;white-space:nowrap}.profile-notification-list small,.profile-notification-list time,.profile-follow-card small,.profile-empty p{color:var(--yr-muted);font-size:.88rem;line-height:1.42}.profile-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.profile-follow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.profile-follow-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;transition:background .16s ease,border-color .16s ease}.profile-follow-card:hover,.profile-follow-card:focus-visible{border-color:#55d6ff61;background:#ffffff17;outline:none}.profile-follow-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#050607;background:var(--yr-cyan)}.profile-empty{display:grid;gap:4px;min-height:104px;align-content:center;padding:16px;border:1px dashed var(--yr-border-strong);border-radius:8px;background:#ffffff09}.profile-empty p{margin:0}.route-frame{width:100%;min-height:0;margin:0 auto;padding-bottom:58px}.browse-page{margin-top:-74px}.site-footer{padding:34px clamp(18px,4vw,58px) 40px;border-top:1px solid rgba(255,255,255,.08);color:var(--yr-muted);font-size:.9rem;background:#0a0c10b8}.site-footer-inner{display:grid;width:min(1180px,100%);grid-template-columns:minmax(260px,1fr) auto auto;align-items:start;gap:clamp(22px,5vw,58px);margin:0 auto}.footer-brand{display:grid;gap:12px}.footer-brand .brand{width:max-content}.footer-brand p{max-width:42ch;margin:0;font-size:.92rem}.footer-links{display:grid;gap:10px;justify-items:start}.footer-links-secondary{min-width:72px}.site-footer a:hover,.site-footer a:focus-visible{color:var(--yr-text);outline:none}.page-intro,.entity-header,.policy-page,.state-panel,.detail-layout,.watch-layout,.video-grid,.index-grid,.playlist-list{width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin-right:auto;margin-left:auto}.page-intro{max-width:840px;margin-top:44px;margin-bottom:28px}.entity-header{margin-top:44px;margin-bottom:26px}.entity-header h1{max-width:18ch}.entity-header p:not(.eyebrow){white-space:pre-line}.entity-actions{width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:-10px auto 26px}.artist-content-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:-8px auto 18px}.filter-toggle,.filter-clear,.artist-genre-filter button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;color:var(--yr-text);cursor:pointer;font-weight:900}.filter-toggle{gap:8px;padding:0 14px;background:#ffffff29}.filter-clear{padding:0 12px;background:#ffffff1a}.filter-toggle:hover,.filter-toggle:focus-visible,.filter-clear:hover,.filter-clear:focus-visible,.artist-genre-filter button:hover,.artist-genre-filter button:focus-visible{outline:none;background:#ffffff3d}.artist-genre-filter{display:none;flex:1 1 100%;flex-wrap:wrap;gap:8px}.artist-genre-filter.is-open{display:flex}.artist-genre-filter button{padding:0 13px;border:1px solid var(--yr-border);background:#ffffff14}.artist-genre-filter button.is-active{color:#050607;border-color:transparent;background:var(--yr-cyan)}.watch-copy .entity-actions{width:auto;margin:0 0 18px}.entity-action-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.entity-action-control>span{color:#fecaca;font-size:.86rem}.library-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:999px;color:#050607;background:var(--yr-lime);cursor:pointer;font-weight:900}.library-action.is-active{color:var(--yr-text);background:#ffffff29}.library-action:disabled{cursor:not-allowed;opacity:.68}.library-action.icon-only{width:42px;min-width:42px;padding:0}.page-intro.compact{margin-bottom:22px}.eyebrow{margin:0 0 10px;color:var(--yr-cyan);font-size:.76rem;font-weight:900;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:13ch;margin-bottom:14px;color:var(--yr-text);font-family:var(--yr-font-display);font-size:4.35rem;line-height:.95;letter-spacing:0;text-transform:uppercase}h2{margin-bottom:0;color:var(--yr-text);font-family:var(--yr-font-display);font-size:1.38rem;letter-spacing:0;text-transform:uppercase}p{max-width:66ch;color:var(--yr-muted-strong);line-height:1.62}.featured-hero{position:relative;display:flex;height:min(78vh,720px);min-height:620px;align-items:end;padding:146px clamp(18px,4vw,58px) 86px;overflow:hidden;isolation:isolate;background-color:var(--yr-surface);background-position:center;background-size:cover}.featured-hero:before,.featured-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:""}.featured-hero:before{background:linear-gradient(90deg,#050607f5,#050607b0,#0506071f 72%),linear-gradient(180deg,rgba(5,6,7,.72) 0%,transparent 28%,var(--yr-bg) 100%)}.featured-hero:after{background:linear-gradient(0deg,var(--yr-bg) 0%,transparent 30%)}.featured-hero-copy{width:min(640px,100%)}.featured-hero-poster{display:none}.featured-hero-content{display:grid;width:min(1180px,100%);gap:24px}.featured-hero-copy p:not(.eyebrow){margin-bottom:22px;color:var(--yr-text);font-size:1.02rem;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border-radius:8px;font-weight:900}.action-button.primary{color:#050607;background:var(--yr-text)}.action-button.secondary{color:var(--yr-text);background:#ffffff29;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.action-button:hover,.action-button:focus-visible{outline:none;filter:brightness(1.12)}.hero-carousel-controls{display:inline-flex;align-items:center;gap:8px}.hero-carousel-controls button{display:grid;width:38px;height:38px;place-items:center;border-radius:999px;color:var(--yr-text);background:#ffffff24;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-carousel-controls button:hover,.hero-carousel-controls button:focus-visible{outline:none;background:#ffffff3d}.hero-dots{display:inline-flex;align-items:center;gap:7px;padding:0 4px}.hero-dots button{width:9px;height:9px;border-radius:999px;background:#ffffff5c}.hero-dots button.is-active{width:28px;background:var(--yr-cyan)}.active-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:-10px auto 24px;padding:10px 12px;border:1px solid rgba(85,214,255,.38);border-radius:8px;color:var(--yr-text);background:#55d6ff1f;font-size:.9rem}.active-filter button{min-height:32px;padding:0 12px;border-radius:6px;color:var(--yr-text);background:#ffffff21;cursor:pointer}.content-rail{position:relative;width:100%;max-width:100vw;margin:0 0 34px;overflow:clip}.home-genre-section{margin:0 0 34px}.rail-heading{display:flex;align-items:center;width:auto;margin:0 clamp(18px,4vw,58px) 12px}.rail-window{position:relative;width:100%;max-width:100vw;overflow:hidden}.rail-scroller{display:grid;grid-auto-columns:clamp(220px,23vw,320px);grid-auto-flow:column;gap:14px;width:100%;max-width:100vw;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px clamp(18px,4vw,58px) 18px;scroll-padding-inline:clamp(18px,4vw,58px);scrollbar-width:none}.rail-controls{pointer-events:none;position:absolute;top:4px;right:0;bottom:18px;left:0;z-index:5;display:flex;align-items:stretch;justify-content:space-between}.rail-controls button{pointer-events:auto;display:grid;width:clamp(42px,4.8vw,64px);min-height:100%;place-items:center;color:var(--yr-text);background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.68) 54%,transparent);cursor:pointer;opacity:0;transition:opacity .16s ease,background .16s ease}.rail-controls .next{background:linear-gradient(270deg,rgba(0,0,0,.96),rgba(0,0,0,.68) 54%,transparent)}.rail-window:hover .rail-controls button,.rail-controls button:focus-visible{opacity:1}.rail-controls button:hover,.rail-controls button:focus-visible{outline:none;background-color:#000000eb}.rail-controls button:disabled{cursor:default;opacity:0;pointer-events:none}.rail-scroller:has(.artist-tile){grid-auto-columns:184px}.rail-scroller::-webkit-scrollbar{display:none}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.load-more-row{display:flex;justify-content:center;width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:22px auto 0}.load-more-row button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:8px;padding:0 18px;border-radius:999px;color:#050607;background:var(--yr-lime);cursor:pointer;font-weight:900}.load-more-row button:hover,.load-more-row button:focus-visible{outline:none;filter:brightness(1.08)}.load-more-row button:disabled{cursor:wait;opacity:.72}.load-more-error{width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:10px auto 0;color:#fecaca}.video-card{position:relative;display:grid;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:var(--yr-surface);box-shadow:0 18px 36px #00000047;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.video-card-link{display:grid;min-width:0}.video-card:hover,.video-card:focus-visible,.video-card:has(.video-card-link:focus-visible),.video-card:has(.video-card-watchlist button:focus-visible),.artist-tile:hover,.artist-tile:focus-visible,.genre-tile:hover,.genre-tile:focus-visible,.index-card:hover,.index-card:focus-visible,.artist-index-card:hover,.artist-index-card:focus-visible,.playlist-row:hover,.playlist-row:focus-visible{background:var(--yr-surface-raised);box-shadow:0 26px 58px #0000006b;outline:none;transform:scale(1.035)}.video-card:hover,.video-card:focus-visible,.video-card:has(.video-card-link:focus-visible),.video-card:has(.video-card-watchlist button:focus-visible),.artist-tile:hover,.artist-tile:focus-visible,.artist-index-card:hover,.artist-index-card:focus-visible{border-color:#55d6ff61}.video-card-link:focus-visible{outline:none}.thumb{position:relative;display:block;aspect-ratio:16 / 9;background:linear-gradient(135deg,#f1192f5c,#55d6ff2e),var(--yr-surface);background-position:center;background-size:cover}.play-badge{position:absolute;bottom:14px;left:14px;display:grid;width:40px;height:40px;place-items:center;border:2px solid rgba(255,255,255,.82);border-radius:999px;color:var(--yr-text);background:#05060794}.video-card-copy{display:grid;gap:0;min-width:0;min-height:88px;overflow:hidden;padding:12px}.video-title{display:-webkit-box;min-width:0;max-width:100%;overflow:hidden;color:var(--yr-text);font-weight:900;line-height:1.22;overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.meta-line{display:block;min-width:0;max-width:100%;overflow:hidden;overflow-wrap:anywhere}.meta-line,.index-card span span,.playlist-row span span,.artist-tile small,.genre-tile small{color:var(--yr-muted);font-size:.88rem;line-height:1.42}.video-card-watchlist{position:absolute;top:10px;right:10px;z-index:3;display:grid;justify-items:end;gap:6px}.video-card-watchlist button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--yr-text);background:#050607ad;cursor:pointer;box-shadow:0 12px 28px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-card-watchlist button:hover,.video-card-watchlist button:focus-visible{outline:none;border-color:#c9ff5ab8;background:#050607db}.video-card-watchlist button.is-active{color:#050607;border-color:transparent;background:var(--yr-lime)}.video-card-watchlist button:disabled{cursor:default}.video-card-watchlist span{max-width:180px;padding:6px 8px;border-radius:6px;color:#fecaca;background:#050607c7;font-size:.78rem}.watch-layout{display:grid;gap:24px;margin-top:32px}.video-player-panel{overflow:hidden;border-radius:8px;background:#000;box-shadow:0 24px 72px #00000075}.video-player-panel iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.youtube-player{display:block;width:100%;aspect-ratio:16 / 9}.watch-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:24px;align-items:start}.watch-copy h1{max-width:22ch;font-size:3rem}.end-recommendations{display:grid;gap:14px;margin:36px 0 0}.end-recommendations-heading{width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:0 auto}.end-recommendations-heading h2{margin:0}.watchlist-page{width:min(1180px,calc(100% - clamp(36px,8vw,116px)));margin:40px auto 0}.watchlist-page .page-intro{width:100%;margin-right:0;margin-left:0}.watchlist-player-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;align-items:start}.watchlist-player,.watchlist-empty{overflow:hidden;border:1px solid var(--yr-border);border-radius:8px;background:#141820bd}.watchlist-player{background:#000;box-shadow:0 24px 72px #00000075}.watchlist-player iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.watchlist-player .youtube-player{aspect-ratio:16 / 9}.watchlist-queue{display:grid;max-height:min(70vh,620px);overflow:hidden;border:1px solid var(--yr-border);border-radius:8px;background:#141820d1}.watchlist-queue header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid rgba(255,255,255,.08)}.watchlist-queue header span{display:inline-flex;align-items:center;gap:8px;color:var(--yr-text);font-weight:900}.watchlist-queue header small{color:var(--yr-muted)}.watchlist-queue-list{display:grid;gap:4px;overflow:auto;padding:8px}.watchlist-queue-list button{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;border-radius:8px;color:var(--yr-muted-strong);background:transparent;text-align:left;cursor:pointer}.watchlist-queue-list button:hover,.watchlist-queue-list button:focus-visible,.watchlist-queue-list button.is-active{outline:none;background:#ffffff17}.watchlist-queue-list button.is-active{box-shadow:inset 3px 0 0 var(--yr-cyan)}.watchlist-queue-thumb{display:block;aspect-ratio:16 / 9;border-radius:6px;background:linear-gradient(135deg,#f1192f57,#55d6ff2e),var(--yr-surface);background-position:center;background-size:cover}.watchlist-queue-list button span:last-child{display:grid;min-width:0;gap:4px}.watchlist-queue-list strong,.watchlist-queue-list small{overflow:hidden;text-overflow:ellipsis}.watchlist-queue-list strong{color:var(--yr-text);line-height:1.25;white-space:nowrap}.watchlist-queue-list small{color:var(--yr-muted);font-size:.86rem;white-space:nowrap}.watchlist-empty{display:grid;justify-items:start;gap:14px;padding:18px}.description-card{display:grid;gap:10px;max-width:760px;padding:16px;border:1px solid var(--yr-border);border-radius:8px;background:#ffffff0f}.description-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.description-card h2{margin:0;color:var(--yr-text);font-size:1rem}.description-card button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-radius:999px;color:var(--yr-text);background:#ffffff1f;font-weight:800;cursor:pointer}.description-card button:hover,.description-card button:focus-visible{outline:none;background:#fff3}.description-card button svg{transition:transform .16s ease}.description-card.is-expanded button svg{transform:rotate(180deg)}.description-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--yr-muted);line-height:1.55;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:3}.description-card.is-expanded p{display:block;overflow:visible;-webkit-line-clamp:unset}.chip-row{flex-wrap:wrap;gap:8px;margin:0 0 18px}.chip-row a{padding:7px 10px;border-radius:999px;color:var(--yr-text);background:#ffffff21;font-size:.86rem;font-weight:800}.genre-tile,.artist-tile,.index-card,.playlist-row,.state-panel{border-radius:8px;background:var(--yr-surface);box-shadow:0 18px 36px #0000003d}.home-genre-grid{display:grid;width:min(1180px,calc(100% - clamp(36px,8vw,116px)));grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-right:auto;margin-left:auto}.genre-tile{display:grid;min-height:136px;align-content:end;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.08);color:var(--yr-text);text-align:left;cursor:pointer;background:linear-gradient(135deg,#f1192fad,#55d6ff38),var(--yr-surface)}.genre-tile span,.artist-tile strong{font-size:1.04rem;font-weight:900}.artist-tile{display:grid;gap:10px;min-height:286px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:var(--yr-surface);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.artist-poster{display:grid;width:100%;aspect-ratio:3 / 4;place-items:center;color:var(--yr-text);background:linear-gradient(145deg,#f1192fb3,#55d6ff57),var(--yr-surface-raised);background-position:center;background-size:cover;font-family:var(--yr-font-display);font-size:3rem;font-weight:900}.artist-tile-copy{display:grid;min-width:0;gap:5px;padding:0 12px 13px}.artist-tile-copy strong,.artist-tile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-page{display:grid;min-height:calc(100vh - 150px);place-items:center;padding:44px clamp(18px,4vw,58px)}.suggest-page{display:grid;grid-template-columns:minmax(0,.82fr) minmax(320px,480px);align-items:start;gap:clamp(22px,5vw,64px);width:min(1000px,calc(100% - clamp(36px,8vw,116px)));margin:46px auto 0}.suggest-intro h1{max-width:11ch}.suggest-panel{padding:22px;border:1px solid var(--yr-border);border-radius:8px;background:#141820d1;box-shadow:0 28px 80px #0000006b}.suggest-form{display:grid;gap:13px}.suggest-form label{display:grid;gap:6px;color:var(--yr-muted-strong);font-size:.9rem;font-weight:800}.suggest-form input{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--yr-border);border-radius:8px;color:var(--yr-text);background:#ffffff13;outline:none}.suggest-form input:focus{border-color:#55d6ffa3;box-shadow:0 0 0 3px #55d6ff1f}.suggest-submit{min-height:42px;border-radius:999px;color:#050607;background:var(--yr-lime);cursor:pointer;font-weight:900}.suggest-submit:disabled{cursor:not-allowed;opacity:.62}.auth-panel{display:grid;gap:18px;width:min(460px,100%);padding:24px;border:1px solid var(--yr-border);border-radius:8px;background:#141820d1;box-shadow:0 28px 80px #0000006b}.auth-panel h1{max-width:none;margin-bottom:0;font-size:3rem}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;border-radius:999px;background:#ffffff12}.auth-tabs button,.auth-primary,.auth-secondary,.social-login button{min-height:42px;border-radius:999px;color:var(--yr-text);background:transparent;cursor:pointer;font-weight:900}.auth-tabs button.is-active{color:#050607;background:var(--yr-text)}.auth-form,.social-login{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:var(--yr-muted-strong);font-size:.9rem;font-weight:800}.auth-form input{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--yr-border);border-radius:8px;color:var(--yr-text);background:#ffffff13;outline:none}.auth-form input:focus{border-color:#55d6ffa3;box-shadow:0 0 0 3px #55d6ff1f}.auth-primary{color:#050607;background:var(--yr-cyan)}.auth-secondary{color:var(--yr-muted-strong);background:#ffffff12}.auth-secondary.link{display:inline-flex;align-items:center;justify-content:center}.auth-primary:disabled,.social-login button:disabled{cursor:not-allowed;opacity:.55}.auth-error{margin:0;color:#fecaca}.auth-notice{margin:0;color:var(--yr-lime)}.social-login{padding-top:12px;border-top:1px solid var(--yr-border)}.social-login button{border:1px solid var(--yr-border);background:#ffffff12}.policy-page{max-width:780px;margin-top:36px}.policy-section{padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.policy-section h2{margin-bottom:8px}.policy-section p{margin-bottom:0}.index-grid,.artist-poster-grid,.playlist-list{display:grid;gap:12px}.index-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.artist-poster-grid{width:min(1180px,calc(100% - clamp(36px,8vw,116px)));grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;margin-right:auto;margin-left:auto}.index-card,.playlist-row{justify-content:space-between;gap:16px;min-height:82px;padding:16px;border:1px solid rgba(255,255,255,.07);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.artist-index-card{display:grid;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:var(--yr-surface);box-shadow:0 18px 36px #0000003d;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.artist-index-card__image{display:grid;width:100%;aspect-ratio:3 / 4;place-items:center;color:var(--yr-text);background:linear-gradient(145deg,#f1192fb3,#55d6ff57),var(--yr-surface-raised);background-position:center;background-size:cover;font-family:var(--yr-font-display);font-size:3.6rem;font-weight:900}.artist-index-card__copy{display:grid;gap:3px;min-width:0;padding:12px}.artist-index-card__copy strong,.artist-index-card__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-card>span:not(.avatar),.playlist-row>span{display:grid;gap:4px}.index-card strong,.playlist-row strong,.artist-index-card strong{color:var(--yr-text)}.avatar{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:6px;color:var(--yr-text);background:linear-gradient(135deg,var(--yr-red),rgba(85,214,255,.44)),var(--yr-red);background-position:center;background-size:cover;font-weight:900}.state-panel{display:grid;justify-items:start;gap:8px;min-height:180px;margin-top:36px;padding:24px}.state-panel p{margin-bottom:0}.state-panel.error{border:1px solid rgba(241,25,47,.52)}.spin{animation:spin .9s linear infinite}.ad-slot{display:grid;width:min(1180px,calc(100% - clamp(36px,8vw,116px)));min-height:96px;margin:32px auto 0;place-items:center;border:1px dashed var(--yr-border-strong);border-radius:8px;color:#8d929e;background:#ffffff0b;font-size:.78rem;text-transform:uppercase}.watch-copy .ad-slot{width:100%;margin-top:0}.ad-slot .adsbygoogle{display:block;width:100%;min-height:96px}.consent-banner{position:fixed;right:16px;bottom:16px;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;width:min(640px,calc(100% - 32px));padding:16px;border:1px solid var(--yr-border);border-radius:8px;background:#141820f5;box-shadow:0 22px 58px #00000080}.consent-banner strong{color:var(--yr-text)}.consent-banner p{margin:4px 0 0;font-size:.9rem}.consent-banner a{color:var(--yr-text);text-decoration:underline;text-underline-offset:3px}.consent-actions{display:flex;align-items:center;gap:8px}.consent-actions button{min-height:38px;padding:0 12px;border-radius:6px;color:var(--yr-text);background:#ffffff1f;cursor:pointer}.consent-actions .primary{color:#050607;background:var(--yr-cyan);font-weight:900}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.top-nav{grid-template-columns:minmax(0,1fr) auto}.header-search{grid-column:1 / -1;order:3}.nav-cluster{gap:16px}.profile-hero{grid-template-columns:auto minmax(0,1fr)}.profile-hero-actions{grid-column:1 / -1;justify-content:start}.watchlist-player-layout{grid-template-columns:1fr}.watchlist-queue{max-height:none}}@media(max-width:820px){.top-nav{align-items:flex-start;grid-template-columns:1fr auto;min-height:auto;gap:12px}.browse-page{margin-top:0}.nav-cluster{display:grid;gap:10px}.nav-links{width:100%}.login-button{display:none}h1{font-size:3rem}.featured-hero{display:grid;width:min(1180px,calc(100% - clamp(36px,8vw,116px)));height:auto;min-height:0;gap:12px;margin:22px auto 34px;padding:0;overflow:visible;background-image:none!important;background-color:transparent}.featured-hero:before,.featured-hero:after{display:none}.featured-hero-poster{display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:var(--yr-surface);background-position:center;background-size:cover;box-shadow:0 18px 42px #00000057}.featured-hero-poster:hover,.featured-hero-poster:focus-visible{outline:none;border-color:#55d6ff7a}.featured-hero-content{width:100%;justify-items:center;gap:0}.featured-hero-copy{display:none}.watch-copy{grid-template-columns:1fr}.rail-scroller{grid-auto-columns:minmax(220px,78vw)}.rail-scroller:has(.artist-tile){grid-auto-columns:170px}.play-badge{bottom:12px;left:12px;width:36px;height:36px}.site-footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.watch-copy{display:grid}.consent-banner{grid-template-columns:1fr}.consent-actions{justify-content:end}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suggest-page,.profile-notification-list button{grid-template-columns:1fr}.profile-notification-list time{justify-self:start}}@media(max-width:520px){.top-nav{grid-template-columns:1fr}.account-actions{width:100%;justify-content:space-between}.icon-button,.profile-menu{display:none}.brand{font-size:1.12rem}h1{font-size:2.35rem}h2{font-size:1.18rem}.featured-hero{height:auto}.profile-page,.watchlist-page{width:min(100% - 28px,1180px);margin-top:24px}.suggest-page{width:min(100% - 28px,1000px);margin-top:26px}.suggest-panel{padding:16px}.profile-hero{grid-template-columns:1fr;padding:16px}.profile-avatar{width:58px;height:58px;font-size:1.9rem}.profile-hero-copy h1{font-size:2.25rem}.profile-hero-actions{display:grid;grid-template-columns:1fr}.profile-stat-grid,.profile-video-grid,.profile-follow-grid{grid-template-columns:1fr}.profile-section{padding:14px}.watchlist-queue-list button{grid-template-columns:78px minmax(0,1fr)}.hero-actions{display:grid}.action-button{width:100%}.hero-carousel-controls{justify-content:space-between;width:100%}.site-footer-inner{grid-template-columns:1fr}}