:root{
      
      --bg1:#0b0f1a;
      --bg2:#070a12;

      --text:#e9edf7;
      --muted:rgba(233,237,247,.74);
      --border:rgba(255,255,255,.10);
      --card:rgba(255,255,255,.04);
      --shadow: 0 24px 80px rgba(0,0,0,.55);
      --ring:0 0 0 3px rgba(43,156,255,.22);

      --radius:4px;
      --accent:#8AAED9;

      --rail-gap:18px;
      --suggestion-gap:18px;
      --rail-w: 260px;
      --gutter: 20px;
      --maxw: 1200px;

      --height:58px;
      --btnw:58px;
      --collapsed: var(--btnw);
      --expanded: clamp(16rem,40vw,28rem);
      --search-speed: 250ms;
      --search-ease: cubic-bezier(.4, 0, .2, 1);

      --btn: linear-gradient(135deg,
        rgba(13, 110, 253, .98) 0%,
        rgba(0, 196, 210, .96) 54%,
        rgba(228, 179, 185, .92) 100%);
      --btn-hover: linear-gradient(135deg,
        rgba(43, 156, 255, 1) 0%,
        rgba(0, 240, 255, .98) 54%,
        rgba(255, 210, 218, .95) 100%);
      --btn-glow: 0 10px 30px rgba(0, 196, 210, .24), 0 0 22px rgba(43, 156, 255, .18);
      --btn-glow-hover: 0 12px 34px rgba(0, 240, 255, .28), 0 0 30px rgba(228, 179, 185, .18);
      --search-button-bg: #1c2738;
      --search-button-bg-hover: #243247;
      --search-input-text: var(--text);
      --search-input-caret: var(--accent);

      --panel-inset: 12px;
      --panel-top: 88px;
      --panel-radius:4px;
      --panel-speed: 420ms;
      --scrollbar-w: 0px;

      --nav-top: 0px;
      --nav-height: 0px;

      --glow-radius:8px;

      --audioGlowOpacity: 0.85;
      --audioGlowBlur: 10px;
      --audioGlowSat: 1.15;
      --audioGlowRot: 0deg;

      --audioAmp: 0.12;          
      --audioBass: 0.12;         
      --audioMid: 0.08;          
      --audioTreble: 0.06;       
      --audioHue: 0deg;          
      --audioShear: 0deg;        
      --audioZoom: 1.00;         
      --audioJitterX: 0px;       
      --audioJitterY: 0px;
      --audioShift: 0px;         
      --audioGrain: 0.10;        
      --audioPulse: 0.50;        
    }

    *,*::before,*::after{ box-sizing:border-box; }
    html,body{ height:100%; }

    html{
      scroll-behavior: smooth;
      background:
        radial-gradient(1200px 800px at 20% 10%, rgba(138, 92, 255, 0.20), transparent 55%),
        radial-gradient(900px 700px at 80% 40%, rgba(0, 240, 255, 0.18), transparent 55%),
        linear-gradient(180deg, var(--bg1), var(--bg2));
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
    }
    body{
      margin:0;
      font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      color:var(--text);
      background: transparent;
      min-height: 100vh;
    }

    nav{ width:100%; position:relative; z-index:3000; padding:18px 16px 0; }

    .ad-cta{
      position:absolute;
      right:clamp(10px, 1.6vw, 22px);
      
      bottom:clamp(86px, 9vh, 104px);
      z-index:8;
      display:inline-flex;
      align-items:center;
      gap:8px;
      max-width:min(62%, 320px);
      padding:10px 14px;
      border-radius:6px;
      border:1px solid rgba(255,255,255,.28);
      background:rgba(9,12,20,.82);
      backdrop-filter:blur(6px);
      color:#fff;
      font-weight:800;
      font-size:clamp(12px, 1vw, 15px);
      line-height:1.2;
      text-decoration:none;
      box-shadow:0 10px 30px rgba(0,0,0,.42);
      transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease;
    }
    
    .ad-cta[hidden]{ display:none !important; }

    .ad-cta:hover,
    .ad-cta:focus-visible{
      transform:translateY(-1px);
      border-color:rgba(0,240,255,.55);
      box-shadow:0 14px 34px rgba(0,0,0,.5), 0 0 18px rgba(0,196,210,.28);
      outline:none;
    }
    .ad-cta-label{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .ad-cta-mark{ opacity:.8; font-weight:700; }

    @media (prefers-reduced-motion: reduce){
      .ad-cta{ transition:none; }
      .ad-cta:hover, .ad-cta:focus-visible{ transform:none; }
    }

    .nav-progress{
      position:absolute;
      left:0; right:0; bottom:0;
      height:3px;
      overflow:hidden;
      pointer-events:none;
      opacity:0;
      transition:opacity 160ms ease;
      z-index:3003;
      background:rgba(255,255,255,.10);
    }
    .nav-progress.is-active{ opacity:1; }

    .nav-progress-bar{
      position:absolute;
      top:0; bottom:0;
      left:0;
      width:32%;
      border-radius:2px;
      background:linear-gradient(90deg,
        rgba(43,156,255,0) 0%,
        rgba(43,156,255,.75) 18%,
        rgba(0,232,246,1) 46%,
        rgba(255,214,222,.95) 74%,
        rgba(255,214,222,0) 100%);
      box-shadow:0 0 12px rgba(0,214,232,.45);
      transform:translateX(-105%);
    }
    .nav-progress.is-active .nav-progress-bar{
      animation:navSearchSweep 1150ms cubic-bezier(.55,.1,.35,.95) infinite;
    }

    @keyframes navSearchSweep{
      0%   { transform:translateX(-105%); }
      100% { transform:translateX(320%); }
    }

    @media (prefers-reduced-motion: reduce){
      .nav-progress-bar{
        width:100%;
        transform:none;
        box-shadow:none;
        background:linear-gradient(90deg,
          rgba(43,156,255,.85) 0%,
          rgba(0,232,246,.95) 50%,
          rgba(255,214,222,.85) 100%);
      }
      .nav-progress.is-active .nav-progress-bar{
        animation:navSearchBreathe 1400ms ease-in-out infinite;
      }
      @keyframes navSearchBreathe{
        0%,100% { opacity:.45; }
        50%     { opacity:1; }
      }
    }

    .nav-inner{ max-width:min(1500px, calc(100vw - 260px)); margin: 0 auto; position:relative; display:flex; align-items:center; justify-content:center; gap:clamp(10px, 1.15vw, 18px); flex-wrap:wrap; transition: gap var(--search-speed) var(--search-ease); }
    .nav-inner a{ text-decoration:none; color:var(--text); font-weight:600; padding:6px 10px; border-radius:4px; position:relative; cursor:pointer; }
    .nav-inner a:hover{ color:#8AAED9; }
    .nav-inner a.active{
      color:#8AAED9;
      background: rgba(255,255,255,.05);
      box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    .nav-inner a.nav-title-link{
      --nav-title-font-size: clamp(13px, 1.05vw, 18px);
      min-height: var(--height);
      padding: 0 clamp(10px, 1vw, 18px);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      line-height:.95;
      font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      font-size: var(--nav-title-font-size);
      font-weight:900;
      letter-spacing:-.045em;
      text-transform:uppercase;
      color:#fff;
      text-shadow:
        0 0 10px rgba(138,174,217,.18),
        0 8px 18px rgba(0,0,0,.34);
      flex:0 0 auto;
      transition:
        color 160ms ease,
        text-shadow 160ms ease,
        background 160ms ease,
        box-shadow 160ms ease,
        transform 140ms ease;
    }

    .nav-inner a.nav-title-link:hover,
    .nav-inner a.nav-title-link:focus{
      color:#fff;
      text-shadow:
        0 0 12px rgba(138,174,217,.40),
        0 0 18px rgba(43,156,255,.22),
        0 8px 18px rgba(0,0,0,.34);
      transform:translateY(-1px);
      outline:none;
    }
    .nav-inner a.nav-title-link.active{
      color:#fff;
      background: rgba(255,255,255,.07);
      box-shadow: 0 2px 10px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.045);
    }
    @media (max-width: 640px){
      .nav-inner a.nav-title-link{
        min-height:48px;
        font-size:14px;
        padding:0 10px;
      }
    }

    .nav-inner a.nav-header-link{
      --nav-header-box-w: clamp(82px, 6.6vw, 112px);
      --nav-header-box-h: var(--height);
      width: var(--nav-header-box-w);
      height: var(--nav-header-box-h);
      min-height: var(--nav-header-box-h);
      padding:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      line-height:1;
      flex:0 0 var(--nav-header-box-w);
      overflow:hidden;
    }
    .nav-header-img{
      display:block;
      width:100%;
      height:100%;
      max-width:100%;
      max-height:100%;
      object-fit:contain;
      object-position:center;
      border:0;
      transform:translateZ(0);
      filter:
        drop-shadow(0 0 10px rgba(138,174,217,.18))
        drop-shadow(0 0 12px rgba(100,140,190,.12));
    }
    .nav-header-link.active .nav-header-img,
    .nav-header-link:hover .nav-header-img,
    .nav-header-link:focus .nav-header-img{
      filter:
        drop-shadow(0 0 12px rgba(138,174,217,.34))
        drop-shadow(0 0 16px rgba(43,156,255,.18));
    }
    .nav-header-fallback{
      color:var(--text);
      font-weight:850;
      font-size:13px;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    @media (max-width: 820px){
      .nav-inner{ max-width:var(--maxw); }
    }
    @media (max-width: 640px){
      .nav-inner a.nav-header-link{
        --nav-header-box-w: 82px;
        --nav-header-box-h: 48px;
      }
    }
    .nav-time-stack{
      position:absolute;
      top:100%;
      left:52%;
      transform:translateX(-50%);
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:center;
      gap:8px;
      margin-top:9px;
      z-index:2;
    }
    .nav-video-share{
      position:absolute;
      top:100%;
      left:16px;
      width:min(360px, calc(100vw - 32px));
      height:27px;
      display:flex;
      align-items:stretch;
      gap:6px;
      margin-top:7px;
      z-index:3;
    }
    .nav-video-share[hidden]{ display:none !important; }
    .nav-video-share input{
      min-width:0;
      flex:1 1 auto;
      height:27px;
      border:1px solid var(--border);
      border-radius:4px;
      background:var(--panel);
      color:var(--text);
      padding:4px 8px;
      font-family:inherit;
      font-size:11px;
      font-weight:700;
      line-height:1.1;
      box-shadow:none;
    }
    .nav-video-share input::placeholder{ color:var(--muted); opacity:.82; }
    .nav-video-share button{
      flex:0 0 auto;
      min-width:72px;
      height:27px;
      border:1px solid var(--border);
      border-radius:4px;
      background:var(--panel);
      color:var(--text);
      padding:4px 9px;
      cursor:pointer;
      font-size:11px;
      font-weight:900;
      white-space:nowrap;
    }
    .nav-video-share button:not([disabled]):hover,
    .nav-video-share button:not([disabled]):focus{
      border-color:var(--accent);
      color:var(--accent);
      outline:none;
    }
    .nav-video-share button[disabled]{ cursor:not-allowed; opacity:.55; }
    .nav-video-share[data-compact="true"] input{ display:none; }
    .nav-video-share[data-compact="true"] button{
      width:100%;
      min-width:0;
      padding-inline:3px;
      overflow:hidden;
    }
    .nav-watch-schedule{
      position:absolute;
      top:100%;
      left:auto;
      width:104px;
      height:27px;
      margin-top:7px;
      z-index:3;
      border:1px solid var(--border);
      border-radius:4px;
      background:var(--panel);
      color:var(--text);
      padding:4px 8px;
      font-family:inherit;
      font-size:11px;
      font-weight:900;
      line-height:1;
      white-space:nowrap;
      cursor:pointer;
    }
    .nav-watch-schedule[hidden]{display:none !important}
    .nav-watch-schedule:hover,
    .nav-watch-schedule:focus{border-color:var(--accent);color:var(--accent);outline:none}
    .upload-content-warnings{
      margin:14px 0 0;
      padding:12px;
      border:1px solid var(--border);
      border-radius:8px;
    }
    .upload-content-warnings legend{padding:0 6px;color:var(--deep-text, var(--text));font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
    .upload-content-warnings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
    
    .upload-content-warnings-grid label{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:7px;color:var(--deep-text, var(--text));font-size:12px;line-height:1.3}
    .upload-content-warnings-grid input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--accent)}
    @media(max-width:640px){.upload-content-warnings-grid{grid-template-columns:1fr}}
    .nav-clock,
    .nav-date{
      min-width:96px;
      text-align:center;
      padding:6px 11px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(8,10,18,.55);
      color:rgba(233,237,247,.92);
      font-variant-numeric: tabular-nums;
      font-weight:700;
      font-size:13px;
      letter-spacing:.7px;
      line-height:1;
      box-shadow: none;
      backdrop-filter: none;
      user-select:none;
      white-space:nowrap;
    }

    .nav-clock{
      font-family: "SF Mono", "Cascadia Code", "Consolas", monospace;
      display:inline-flex;
      align-items:center;
      gap:7px;
      justify-content:center;
    }

    .nav-clock::before{
      content:"";
      display:inline-block;
      width:6px;
      height:6px;
      border-radius:50%;
      background:#e2574c;
      animation: navClockPulse 2s ease-in-out infinite;
      flex-shrink:0;
    }

    @keyframes navClockPulse{
      0%, 100%{ opacity:1; }
      50%{ opacity:.35; }
    }
    .nav-clock{ pointer-events:none; }
    .nav-date{
      cursor:pointer;
      border:1px solid rgba(138,174,217,.14);
      background: rgba(8,10,18,.30);
      color:rgba(233,237,247,.86);
      font-size:12px;
      letter-spacing:.35px;
      transition: background 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 120ms ease;
      
      position:relative;
      top:-1px;
    }
    .nav-date:hover,
    .nav-date:focus{
      color:#fff;
      border-color:rgba(138,174,217,.28);
      background:rgba(255,255,255,.06);
      box-shadow: 0 10px 30px rgba(0,0,0,.22), 0 0 0 3px rgba(138,174,217,.08);
      outline:none;
    }
    .nav-date:active{ transform: translateY(1px); }
    .nav-date[data-mode="end"]{
      min-width: 188px;
      color:rgba(233,237,247,.94);
      border-color:rgba(138,174,217,.22);
      background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(8,10,18,.34));
    }

    .nav-date[data-mode="full"]{
      min-width: 188px;
    }
    @media (max-width: 820px){
      .nav-time-stack{
        position:absolute;
        top:100%;
        left:52%;
        transform:translateX(-50%);
        width:max-content;
        margin-top:9px;
      }
    }

    .nav-dim{
      position: fixed; left:0; right:0;
      top: var(--nav-top); height: var(--nav-height);
      background: rgba(0,0,0,.55);
      opacity: 0; pointer-events: none;
      transition: opacity 320ms ease; z-index:2950;
    }
    .nav-dim.active{ opacity: 1; }

    .search-region{
      max-width: var(--maxw);
      margin: 0 auto;
      padding: 0 16px;
      display:flex;
      flex-direction:column;
      align-items:stretch;
      justify-content:center;
      gap:22px;
      min-height:0;
      max-height:0;
      opacity:0;
      overflow:hidden;
      pointer-events:none;
      transform: translateY(-8px);
      transition:
        max-height var(--search-speed) var(--search-ease),
        opacity var(--search-speed) var(--search-ease),
        transform var(--search-speed) var(--search-ease),
        padding var(--search-speed) var(--search-ease),
        margin-top var(--search-speed) var(--search-ease),
        margin-bottom var(--search-speed) var(--search-ease),
        background-color var(--search-speed) var(--search-ease),
        border-color var(--search-speed) var(--search-ease),
        box-shadow var(--search-speed) var(--search-ease);
    }
    .search-region.has-results{
      min-height: 178px;
      max-height: 246px;
      padding: 12px 14px;
      margin-top: var(--search-results-margin-top, var(--suggestion-gap));
      margin-bottom: 0;
      opacity:1;
      transform: translateY(0);
      pointer-events:auto;
      background:#10161e;
      border:1px solid rgba(211,220,228,.13);
      border-radius:4px;
      
      overflow:visible;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 16px 40px rgba(0,0,0,.26);
      backdrop-filter:none;
    }

    .search-wrap{
      width: var(--collapsed);
      transition: width var(--search-speed) var(--search-ease);
      display:flex;
      justify-content:center;
      padding:0;
      margin: 0;
      box-sizing: content-box;
      flex: 0 0 auto;
    }
    .nav-search{
      order:0;
      position:relative;
      z-index:1;
    }
    .search-wrap.layout-moving{
      transition:
        transform var(--search-speed) var(--search-ease),
        width var(--search-speed) var(--search-ease);
      will-change: transform;
    }
    .search{
      position:relative; display:flex; align-items:center;
      height: var(--height); background: rgba(255,255,255,.05);
      border:1px solid var(--border); border-radius:9999px;
      overflow:hidden; box-shadow: 0 10px 28px rgba(0,0,0,.28); width:100%; min-width:0;
      backdrop-filter: blur(10px);
      transition:
        background var(--search-speed) var(--search-ease),
        box-shadow var(--search-speed) var(--search-ease),
        border-color var(--search-speed) var(--search-ease),
        border-width var(--search-speed) var(--search-ease);
    }
    .search-wrap:not(.open) .search{
      border: 0;
      box-shadow: none;
      background: transparent;
      backdrop-filter: none;
    }
    .search-wrap.open .search{
      border:1px solid var(--border);
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      background: rgba(255,255,255,.05);
      backdrop-filter: blur(10px);
    }
    .search:focus-within{ box-shadow: 0 10px 28px rgba(0,0,0,.28), var(--ring); }

    .search input{
      width:0; opacity:0; padding:0; border:0; outline:none;
      height:100%; font-size:16px; background:transparent; min-width:0; flex:0 1 auto;
      color:var(--search-input-text, var(--text));
      caret-color:var(--search-input-caret, var(--accent));
      transition: width var(--search-speed) var(--search-ease), opacity var(--search-speed) var(--search-ease), padding var(--search-speed) var(--search-ease);
    }
    .search input::placeholder{ color:var(--muted); }

    .search button{
      position:relative;
      isolation:isolate;
      overflow:hidden;
      clip-path: inset(0 round 9999px);
      height:100%; width: var(--btnw); min-width: var(--btnw); padding:0;
      border:0; border-radius:9999px;
      background: transparent;
      color:#fff;
      cursor:pointer;
      transition: transform 140ms ease, filter 180ms ease, box-shadow 180ms ease;
      display:flex; align-items:center; justify-content:center; flex:0 0 var(--btnw);
      box-shadow: var(--btn-glow);
    }
    .search button::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:
        radial-gradient(130% 130% at 24% 16%, rgba(255,255,255,.40), transparent 34%),
        var(--search-button-bg);
      z-index:0;
      transition: background 180ms ease, filter 180ms ease, opacity 180ms ease;
    }
    .search button::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      background:
        conic-gradient(
          from 0deg,
          rgba(255,255,255,0) 0deg,
          rgba(255,255,255,0) 58deg,
          rgba(255,255,255,.46) 88deg,
          rgba(138,174,217,.24) 112deg,
          rgba(255,255,255,0) 148deg,
          rgba(255,255,255,0) 360deg
        );
      opacity:.36;
      z-index:1;
      animation: searchButtonSweep 6s linear infinite;
      pointer-events:none;
      mix-blend-mode: screen;
      clip-path: inset(0 round 9999px);
      will-change: transform;
    }
    .search-wrap:not(.open) .search button{
      width: var(--btnw);
      min-width: var(--btnw);
      height: var(--btnw);
      flex: 0 0 var(--btnw);
      border-radius: 9999px;
    }
    .search button:hover{
      filter: brightness(1.08) saturate(1.10);
      box-shadow: var(--btn-glow-hover);
    }
    .search button:hover::before{
      background:
        radial-gradient(130% 130% at 24% 16%, rgba(255,255,255,.48), transparent 34%),
        var(--search-button-bg-hover);
    }
    .search button:active{ transform: translateY(1px) scale(.98); }
    .search button:focus{ outline:none; box-shadow: var(--btn-glow-hover), var(--ring); }
    .search button svg{ position:relative; z-index:2; display:block; width:22px; height:22px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 5px rgba(0,0,0,.25)); }
    @keyframes searchButtonSweep { to { transform: rotate(360deg); } }

    .search-wrap.open{ width: var(--expanded); }
    .search-wrap.open .search input{ width:100%; opacity:1; padding:0 12px 0 14px; flex:1 1 auto; }

    .search-results-panel{
      flex: 1 1 auto;
      width:100%;
      min-width:0;
      max-width:0;
      opacity:0;
      transform: translateX(-14px);
      overflow:hidden;
      pointer-events:none;
      display:flex;
      align-items:stretch;
      gap:10px;
      transition:
        max-width var(--search-speed) var(--search-ease),
        opacity var(--search-speed) var(--search-ease),
        transform var(--search-speed) var(--search-ease);
    }
    .search-region.has-results .search-results-panel{
      max-width: 100%;
      opacity:1;
      transform: translateX(0);
      pointer-events:auto;
    }
    .search-results-viewport{
      flex:1 1 auto;
      min-width:0;
      overflow:hidden;
    }
    .search-results-track{
      display:grid;
      grid-template-columns: repeat(5, minmax(130px, 1fr));
      gap:10px;
      width:100%;
      
      padding-top:6px;
      transition: opacity 160ms ease, transform 160ms ease;
    }
    .search-results-track.page-switching{
      opacity:.55;
      transform: translateX(6px);
    }
    .search-results-nav{
      flex:0 0 auto;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:8px;
      padding-left:2px;
    }
    .search-results-arrow{
      width:36px;
      height:36px;
      border:1px solid rgba(255,255,255,.12);
      border-radius:4px;
      display:grid;
      place-items:center;
      background: rgba(255,255,255,.06);
      color:var(--text);
      cursor:pointer;
      box-shadow: 0 10px 20px rgba(0,0,0,.22);
      transition: background 140ms ease, transform 140ms ease, opacity 140ms ease;
    }
    .search-results-arrow:hover:not(:disabled),
    .search-results-arrow:focus:not(:disabled){
      background: rgba(43,156,255,.18);
      transform: translateY(-1px);
      outline:none;
      box-shadow: 0 10px 20px rgba(0,0,0,.22), var(--ring);
    }
    .search-results-arrow:disabled{
      opacity:.38;
      cursor:not-allowed;
    }
    .search-result-card{
      position:relative;
      border:0;
      padding:0;
      margin:0;
      text-align:left;
      cursor:pointer;
      color:var(--text);
      background:#131a22;
      border-radius:0;
      min-height:78px;
      overflow:hidden;
      box-shadow: 0 10px 20px rgba(0,0,0,.18);
      transition: transform 140ms ease, box-shadow 140ms ease;
    }
    
    .search-result-card::after{
      content:"";
      position:absolute;
      inset:0;
      
      box-shadow: inset 0 0 0 3px rgba(255,255,255,.10);
      pointer-events:none;
      transition: box-shadow 140ms ease;
    }
    .search-result-card:hover,
    .search-result-card:focus{
      transform: translateY(-2px);
      box-shadow: 0 12px 24px rgba(0,0,0,.24);
      outline:none;
    }
    .search-result-card:hover::after,
    .search-result-card:focus::after{
      box-shadow: inset 0 0 0 3px rgba(43,156,255,.6);
    }
    .search-result-thumb{
      aspect-ratio: 16/7;
      width:100%;
      display:grid;
      place-items:center;
      background:#1d2d38;
      color: rgba(233,237,247,.74);
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.5px;
    }
    .search-result-thumb.profile-thumb{
      border-radius:50%;
      width:44px;
      aspect-ratio:1/1;
      justify-self:center;
      margin:10px auto 0;
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      font-size:18px;
      font-weight:800;
    }
    .search-result-card-profile{
      background:#131a22;
    }
    .search-result-card-profile .search-result-meta{
      text-align:center;
    }
    .search-result-meta{
      padding:7px 9px 8px;
      background:#131a22;
    }
    .search-result-title{
      margin:0 0 3px;
      font-size:12px;
      font-weight:800;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .search-result-desc{
      margin:0;
      font-size:11px;
      color: rgba(233,237,247,.70);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    
    .search-result-stat{
      margin-top:1px;
    }
    .search-result-empty{
      grid-column: 1 / -1;
      background:#131a22;
      color:rgba(233,237,247,.78);
      border-radius:0;
      padding:18px;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
    }
    .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

    .search-filter-bar{
      display:flex;
      align-items:stretch;
      width:100%;
      flex:0 0 auto;
      border:1px solid rgba(255,255,255,.12);
      border-radius:4px;
      background:rgba(255,255,255,.045);
    }
    .search-filter-item{
      position:relative;
      flex:1 1 0;
      min-width:0;
      display:flex;
    }
    .search-filter-item:not(:last-child){
      border-right:1px solid rgba(255,255,255,.14);
    }
    .search-filter-btn{
      flex:1 1 auto;
      min-width:0;
      width:100%;
      padding:10px 8px;
      border:0;
      border-radius:inherit;
      background:transparent;
      color:var(--text);
      font:inherit;
      font-size:11px;
      font-weight:900;
      letter-spacing:.10em;
      text-transform:uppercase;
      text-align:center;
      cursor:pointer;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
    }
    .search-filter-btn:hover,
    .search-filter-btn:focus-visible{
      background:rgba(43,156,255,.14);
      outline:none;
    }
    .search-filter-btn[aria-expanded="true"],
    .search-filter-btn.has-selection{
      background:rgba(255,255,255,.10);
      color:var(--text);
      box-shadow: inset 0 -2px 0 var(--accent);
    }

    .search-filter-panel{
      position:absolute;
      left:0;
      right:0;
      bottom:100%;
      margin-bottom:6px;
      height:150px;
      display:flex;
      flex-direction:column;
      background:var(--bg2, #10161e);
      border:1px solid var(--border, rgba(255,255,255,.16));
      border-radius:6px;
      box-shadow: 0 14px 34px rgba(0,0,0,.38);
      padding:6px 0;
      overflow-y:auto;
      z-index:30;
    }
    .search-filter-panel[hidden]{
      display:none;
    }
    .search-filter-option{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:9px;
      padding:9px 14px;
      font-size:12px;
      font-weight:700;
      letter-spacing:.01em;
      text-transform:none;
      color:var(--text);
      cursor:pointer;
      border-bottom:1px solid rgba(255,255,255,.08);
      transition: background 120ms ease;
    }
    .search-filter-option:last-child{
      border-bottom:0;
    }
    .search-filter-option:hover{
      background:rgba(43,156,255,.10);
    }
    .search-filter-option input[type="checkbox"]{
      flex:0 0 auto;
      width:15px;
      height:15px;
      accent-color:var(--accent);
      cursor:pointer;
    }
    .search-filter-option span{
      flex:1 1 auto;
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }

    .search-region.results-expanded{
      min-height: clamp(420px, 52vh, 620px);
      max-height: clamp(420px, 52vh, 620px);
      align-items:stretch;
    }
    .search-region.results-expanded .search-results-panel{
      align-items:stretch;
    }
    .search-region.results-expanded .search-results-viewport{
      overflow-y:auto;
      overflow-x:hidden;
      padding-right:4px;
      scrollbar-width: thin;
      scrollbar-color: rgba(138,174,217,.38) rgba(255,255,255,.07);
    }
    .search-region.results-expanded .search-results-viewport::-webkit-scrollbar{
      width:10px;
    }
    .search-region.results-expanded .search-results-viewport::-webkit-scrollbar-track{
      background: rgba(255,255,255,.07);
      border-radius:4px;
    }
    .search-region.results-expanded .search-results-viewport::-webkit-scrollbar-thumb{
      background: linear-gradient(180deg, rgba(138,174,217,.55), rgba(43,156,255,.32));
      border-radius:4px;
      border:2px solid rgba(8,10,18,.60);
    }
    .search-region.results-expanded .search-results-track{
      grid-auto-rows:auto;
      align-content:start;
      padding-bottom:6px;
    }
    
    .search-results-arrow.search-results-down{
      background:
        radial-gradient(120% 100% at 50% 0%, rgba(138,174,217,.18), transparent 55%),
        rgba(255,255,255,.07);
    }
    .search-results-arrow.search-results-down[aria-expanded="true"]{
      background:
        radial-gradient(120% 100% at 50% 0%, rgba(0,255,133,.18), transparent 55%),
        rgba(255,255,255,.09);
      box-shadow: 0 10px 20px rgba(0,0,0,.22), 0 0 0 1px rgba(0,255,133,.22) inset;
    }

    @media (max-width: 760px){
      .search-region.has-results{
        align-items:stretch;
        flex-direction:column;
        max-height: 360px;
      }
      .search-region.results-expanded{
        min-height: 520px;
        max-height: 520px;
      }
      .search-results-panel{
        width:100%;
        align-items:center;
      }
      .search-results-track{
        grid-template-columns: repeat(2, minmax(130px, 1fr));
      }
      .search-results-nav{
        flex-direction:row;
        align-self:center;
        padding-left:0;
      }
    }

    .home-page{
      max-width: var(--maxw);
      margin: 0 auto 64px;
      padding: clamp(34px, 6vw, 72px) 16px 28px;
    }
    .home-landing{
      position:relative;
      overflow:hidden;
      border:2px dotted rgba(255,255,255,.10);
      border-radius:4px;
      padding: clamp(28px, 5vw, 58px);
      max-height: 560px;
      background:
        radial-gradient(760px 360px at 12% 10%, rgba(100,140,190,.24), transparent 60%),
        radial-gradient(680px 320px at 88% 16%, rgba(138,174,217,.18), transparent 62%),
        linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
      box-shadow: var(--shadow);
      backdrop-filter: blur(16px);
      transition:
        max-height 520ms cubic-bezier(.2,.8,.2,1),
        padding 520ms cubic-bezier(.2,.8,.2,1),
        border-radius 520ms cubic-bezier(.2,.8,.2,1),
        transform 520ms cubic-bezier(.2,.8,.2,1),
        box-shadow 520ms cubic-bezier(.2,.8,.2,1),
        background 520ms cubic-bezier(.2,.8,.2,1);
    }
    .home-landing::after{
      content:"";
      position:absolute;
      inset:auto -16% -42% auto;
      width: 420px;
      aspect-ratio:1;
      border-radius:50%;
      background: radial-gradient(circle, rgba(228,179,185,.22), transparent 68%);
      pointer-events:none;
      transition: opacity 420ms ease, transform 520ms cubic-bezier(.2,.8,.2,1);
    }
    .home-eyebrow{
      margin:0 0 12px;
      color:rgba(233,237,247,.72);
      font-size:12px;
      font-weight:900;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
    .home-title{
      max-width: 850px;
      margin:0;
      color:#fff;
      font-size: clamp(38px, 8vw, 78px);
      line-height:.95;
      letter-spacing:-.06em;
      text-transform:uppercase;
    }
    .home-copy{
      max-width: 720px;
      margin:18px 0 0;
      color:#ffffff;
      font-size: clamp(16px, 2vw, 20px);
      line-height:1.55;
    }
    .home-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:28px;
    }
    .home-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:46px;
      padding: 0 18px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color:var(--text);
      text-decoration:none;
      font-weight:800;
      box-shadow: 0 12px 26px rgba(0,0,0,.22);
      transition: transform 140ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }
    .home-cta:hover,
    .home-cta:focus{
      transform: translateY(-1px);
      border-color:rgba(255,255,255,.24);
      background: linear-gradient(180deg, var(--bg1), var(--bg2));
      color:#ffffff;
      box-shadow: 0 12px 28px rgba(0,0,0,.34), 0 0 0 3px rgba(255,255,255,.10);
      outline:none;
    }
    .home-cta.primary{
      border-color:rgba(138,174,217,.24);
      background:
        radial-gradient(130% 130% at 24% 16%, rgba(255,255,255,.30), transparent 34%),
        var(--btn);
      color:#fff;
    }

    html[data-theme="testbw"] .home-actions .home-cta{
      text-transform:uppercase;
      font-size:12px;
    }

    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions{
      
      gap:0;
      min-width:0;
      container-type:inline-size;
    }
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta{
      width:140px;
      
      min-width:0;
      
      font-size:2.16038cqw;
    }
    
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta{
      width:auto;
      padding:0 5px;
    }

    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta.primary{
      padding:5px 8px;
      min-height:0;
    }
    
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta:not(.primary) .home-cta-label{
      background-image:linear-gradient(135deg, #0d1522, #386498);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      -webkit-text-fill-color:transparent;
    }

    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta{
      border:0;
    }
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta:not(.primary){
      background:transparent;
    }
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta:not(.primary):hover,
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta:not(.primary):focus-visible{
      background:rgba(56,100,152,.20);
      outline:none;
      box-shadow:none;
    }
    
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta.primary:hover,
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta.primary:focus-visible{
      box-shadow:none;
    }

    .home-landing-close{
      position:absolute;
      top:16px;
      right:16px;
      z-index:3;
      width:38px;
      height:38px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.16);
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.16), transparent 42%),
        linear-gradient(180deg, rgba(8,10,18,.62), rgba(8,10,18,.82));
      color:rgba(255,255,255,.92);
      cursor:pointer;
      display:grid;
      place-items:center;
      font-size:24px;
      line-height:1;
      font-weight:700;
      box-shadow:0 12px 26px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.035);
      backdrop-filter: blur(12px);
      transition: transform 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
    }
    .home-landing-close:hover,
    .home-landing-close:focus{
      transform: rotate(90deg) scale(1.03);
      border-color:rgba(138,174,217,.34);
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.20), transparent 42%),
        linear-gradient(180deg, rgba(13,22,34,.76), rgba(5,8,15,.88));
      box-shadow:0 14px 30px rgba(0,0,0,.32), var(--ring);
      outline:none;
    }
    .home-eyebrow,
    .home-copy,
    .home-actions{
      overflow:hidden;
      transition:
        opacity 260ms ease,
        transform 360ms cubic-bezier(.2,.8,.2,1),
        max-height 420ms cubic-bezier(.2,.8,.2,1),
        margin 420ms cubic-bezier(.2,.8,.2,1);
    }
    .home-eyebrow{ max-height:34px; }
    .home-copy{ max-height:90px; }
    .home-actions{ max-height:80px; }
    
    .home-actions{ overflow:visible; }
    .home-title{
      transition:
        font-size 520ms cubic-bezier(.2,.8,.2,1),
        line-height 520ms cubic-bezier(.2,.8,.2,1),
        letter-spacing 520ms cubic-bezier(.2,.8,.2,1),
        max-width 520ms cubic-bezier(.2,.8,.2,1),
        transform 520ms cubic-bezier(.2,.8,.2,1);
    }
    .home-landing.is-collapsed{
      max-height:86px;
      min-height:74px;
      padding:18px 72px 18px 28px;
      border-radius:0;
      transform:translateY(-2px);
      box-shadow:0 14px 40px rgba(0,0,0,.32);
    }
    .home-landing.is-collapsed::after{
      opacity:0;
      transform:scale(.78);
    }
    .home-landing.is-collapsed .home-eyebrow,
    .home-landing.is-collapsed .home-copy,
    .home-landing.is-collapsed .home-actions{
      max-height:0;
      margin-top:0;
      margin-bottom:0;
      opacity:0;
      transform:translateY(-10px);
      pointer-events:none;
    }
    .home-landing.is-collapsed .home-title{
      max-width:100%;
      font-size:clamp(18px, 2.1vw, 28px);
      line-height:1.08;
      letter-spacing:-.035em;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      transform:translateY(0);
    }
    .home-landing.is-collapsed .home-landing-close{
      top:50%;
      transform:translateY(-50%);
      font-size:22px;
    }
    .home-landing.is-collapsed .home-landing-close:hover,
    .home-landing.is-collapsed .home-landing-close:focus{
      transform:translateY(-50%) rotate(90deg) scale(1.03);
    }
    @media (max-width: 760px){
      .home-landing.is-collapsed{
        padding:16px 62px 16px 20px;
        max-height:88px;
      }
      .home-landing.is-collapsed .home-title{
        font-size:clamp(17px, 5vw, 24px);
      }
    }
    @media (prefers-reduced-motion: reduce){
      .home-landing,
      .home-landing::after,
      .home-landing-close,
      .home-eyebrow,
      .home-copy,
      .home-actions,
      .home-title{
        transition:none !important;
      }
    }

    .home-viewer-suggestions{
      position:relative;
      margin-top: clamp(24px, 4vw, 42px);
      padding: clamp(18px, 3vw, 28px);
      border-radius:4px;
      border:2px dotted rgba(255,255,255,.10);
      background:
        radial-gradient(720px 240px at 8% 0%, rgba(138,174,217,.12), transparent 62%),
        radial-gradient(680px 260px at 96% 12%, rgba(228,179,185,.10), transparent 62%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      box-shadow: 0 18px 48px rgba(0,0,0,.28);
      backdrop-filter: blur(14px);
      overflow:hidden;
    }
    .home-viewer-suggestions::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.055) 48%, transparent 58% 100%);
      opacity:.46;
      pointer-events:none;
      transform: translateX(-18%);
    }
    .home-suggestions-head{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns: 1fr auto;
      align-items:center;
      column-gap:18px;
      row-gap:6px;
      margin:0 8px 18px 0;
      padding-left:14px;
    }
    .home-suggestions-kicker{
      grid-column:1;
      grid-row:1;
      margin:0;
      color:#FFFFFF;
      font-size:12px;
      font-weight:900;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .home-suggestions-title{
      grid-column:1;
      grid-row:2;
      margin:0;
      color:#fff;
      font-size: clamp(22px, 3vw, 34px);
      line-height:1;
      letter-spacing:-.035em;
      text-transform:uppercase;
    }
    .home-suggestions-copy{
      grid-column:2;
      grid-row:2;
      justify-self:end;
      align-self:end;
      max-width: 460px;
      margin:0;
      color:#FFFFFF;
      font-size:14px;
      line-height:1.45;
      text-align:right;
    }
    .home-my-schedule-btn{
      grid-column:2;
      grid-row:1;
      justify-self:end;
      flex-shrink:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:30px;
      padding:0 14px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color:var(--text);
      font-size:11.5px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      cursor:pointer;
      transition: transform 140ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }
    .home-my-schedule-btn:hover,
    .home-my-schedule-btn:focus-visible{
      transform: translateY(-1px);
      border-color:rgba(138,174,217,.34);
      background:
        radial-gradient(130% 130% at 24% 16%, rgba(255,255,255,.65), transparent 34%),
        linear-gradient(135deg, #FFFFFF 0%, #cfe1f2 55%, #7ba3d4 100%);
      color:#10151d;
      box-shadow: 0 12px 24px rgba(0,0,0,.26), var(--ring);
      outline:none;
    }
    .home-carousel-stack{
      position:relative;
      z-index:1;
      display:flex;
      flex-direction:column;
      gap:18px;
    }
    .home-carousel-row,
    .home-recommendations-panel{
      padding:14px;
      border-radius:4px;
      border:2px dotted rgba(255,255,255,.085);
      background: rgba(8,10,18,.26);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 10px 24px rgba(0,0,0,.18);
    }
    .home-recommendations-panel{
      position:relative;
      z-index:1;
      margin-bottom:18px;
    }
    .home-recommendations-top{
      display:flex;
      align-items:center;
      min-height:34px;
      margin-bottom:10px;
    }
    .home-recommendations-layout{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:14px;
      align-items:start;
    }
    .home-recommendations-highlights{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:14px;
      align-content:start;
    }
    .home-recommendations-scroll{
      overflow-x:hidden;
      overflow-y:auto;
      max-height:var(--home-recommendations-scroll-height, 520px);
      padding:0 6px 0 0;
      outline:none;
      scrollbar-width:thin;
      scrollbar-color:rgba(255,255,255,.85) rgba(255,255,255,.035);
      overscroll-behavior:contain;
    }
    .home-recommendations-scroll:focus{
      border-radius:4px;
      box-shadow:var(--ring);
    }
    .home-recommendations-scroll::-webkit-scrollbar{
      width:10px;
    }
    .home-recommendations-scroll::-webkit-scrollbar-track{
      border-radius:4px;
      background:rgba(255,255,255,.035);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
    }
    .home-recommendations-scroll::-webkit-scrollbar-thumb{
      min-height:40px;
      border:2px solid #10161e;
      border-radius:4px;
      background:#ffffff;
    }
    .home-recommendations-scroll::-webkit-scrollbar-thumb:hover{
      background:#ffffff;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
    }
    .home-recommendations-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
      align-content:start;
    }
    .home-recommendations-panel .home-suggestion-card{
      width:100%;
      min-width:0;
      max-width:none;
      height:100%;
    }
    .home-recommendations-highlights .home-suggestion-thumb{
      aspect-ratio:16/9;
    }
    .home-recommendations-grid .home-suggestion-meta{
      padding:8px 9px 10px;
    }
    .home-recommendations-grid .home-suggestion-title{
      font-size:13px;
    }
    .home-recommendations-grid .home-suggestion-empty{
      grid-column:1 / -1;
    }
    .home-recommendations-layout.is-empty{
      grid-template-columns:1fr;
    }
    .home-recommendations-layout.is-empty .home-recommendations-highlights{
      display:none;
    }
    @media (max-width:900px){
      .home-recommendations-layout{
        grid-template-columns:1fr;
      }
    }
    @media (max-width:760px){
      .home-recommendations-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    .age-gate-backdrop{
      position:fixed;
      inset:0;
      z-index:2600;
      display:grid;
      place-items:center;
      padding:20px;
      background:rgba(3,5,10,.72);
      backdrop-filter:blur(9px);
    }
    .age-gate-backdrop[hidden]{display:none}
    .age-gate-dialog{
      width:min(520px, calc(100vw - 32px));
      border:1px solid var(--border);
      border-radius:18px;
      padding:22px;
      color:#f4f6fb;
      background:linear-gradient(180deg, rgba(18,22,34,.98), rgba(8,11,18,.98));
      box-shadow:0 24px 70px rgba(0,0,0,.36);
    }
    .age-gate-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
    .age-gate-header h2{margin:3px 0 0;font:800 27px/1.1 var(--site-font, inherit)}
    .age-gate-eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
    .age-gate-close{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--glass);font-size:24px;cursor:pointer}
    .age-gate-rating{display:inline-flex;margin:18px 0 8px;padding:6px 10px;border-radius:999px;color:var(--text);background:color-mix(in srgb, var(--accent) 18%, transparent);font-weight:800}
    .age-gate-message{margin:4px 0 18px;color:var(--muted);line-height:1.55}
    .age-gate-dialog label{display:block;margin:0 0 7px;font-weight:750}
    .age-gate-dialog input[type="number"]{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:10px;padding:11px 12px;color:var(--text);background:var(--glass)}
    .age-gate-check{display:flex!important;align-items:flex-start;gap:10px;margin-top:15px!important;line-height:1.4}
    .age-gate-check[hidden]{display:none!important}
    .age-gate-check input{margin-top:3px}
    .age-gate-error{min-height:20px;margin:12px 0 0;color:#ff8f98;font-size:13px}
    .age-gate-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:12px}
    .age-gate-actions button,.age-gate-actions a{border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);background:var(--glass);font:750 14px/1 var(--site-font, inherit);text-decoration:none;cursor:pointer}
    .age-gate-actions #ageGateSubmit,.age-gate-actions #ageGateAccount{color:var(--button-text, #fff);background:var(--accent)}
    html[data-theme^="light-"] .age-gate-dialog{
      color:var(--text);
      background:rgba(250,250,248,.98);
      border-color:var(--glass-outline);
    }
    html[data-theme^="light-"] .age-gate-close,
    html[data-theme^="light-"] .age-gate-dialog input[type="number"],
    html[data-theme^="light-"] .age-gate-actions button{
      color:var(--text);
      background:rgba(255,255,255,.82);
      border-color:var(--glass-outline);
    }
    @media (max-width:480px){
      .home-recommendations-highlights,
      .home-recommendations-grid{
        grid-template-columns:1fr;
      }
    }
    .home-carousel-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
    }
    .home-carousel-title{
      margin:0 0 0 8px;
      color:#f7fbff;
      font-size:14px;
      font-weight:950;
      letter-spacing:.11em;
      text-transform:uppercase;
      text-shadow: 0 0 14px rgba(138,174,217,.22), 0 8px 20px rgba(0,0,0,.34);
    }
    @supports ((-webkit-background-clip:text) or (background-clip:text)){
      .home-carousel-title,
      .home-suggestions-title{
        background:
          linear-gradient(92deg,
            #ffffff 0%,
            #d5e8f7 18%,
            #ffffff 38%,
            #ffffff 52%,
            #8AAED9 70%,
            #ffffff 88%,
            #ffffff 100%);
        background-size: 240% 100%;
        -webkit-background-clip:text;
        background-clip:text;
        -webkit-text-fill-color:transparent;
        animation: homeHoloText 7s ease-in-out infinite;
      }
    }
    .home-carousel-arrows{
      display:flex;
      align-items:center;
      gap:8px;
      flex:0 0 auto;
    }
    .home-carousel-arrow{
      width:34px;
      height:34px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      color:var(--text);
      display:grid;
      place-items:center;
      cursor:pointer;
      box-shadow: 0 10px 20px rgba(0,0,0,.20);
      transition: transform 140ms ease, background 160ms ease, border-color 160ms ease, opacity 160ms ease, box-shadow 160ms ease;
    }
    .home-carousel-arrow:hover:not(:disabled),
    .home-carousel-arrow:focus:not(:disabled){
      transform: translateY(-1px);
      border-color:rgba(138,174,217,.30);
      background: rgba(43,156,255,.16);
      box-shadow: 0 10px 20px rgba(0,0,0,.24), var(--ring);
      outline:none;
    }
    .home-carousel-arrow:disabled{
      opacity:.38;
      cursor:not-allowed;
    }
    .home-carousel-expand-arrow[aria-expanded="true"]{
      color:#10151d;
      border-color:#FFFFFF;
      background:#FFFFFF;
    }
    .home-carousel-expand-arrow[hidden]{
      display:none !important;
    }
    .home-carousel-viewport{
      overflow:hidden;
      outline:none;
    }
    .home-carousel-viewport:focus{
      box-shadow: var(--ring);
      border-radius:4px;
    }
    .home-carousel-track{
      display:flex;
      gap:14px;
      padding:2px 2px 4px;
      will-change: transform;
      transition: transform 340ms ease;
    }
    .home-carousel-row.is-expanded .home-carousel-viewport{
      overflow-x:hidden;
      overflow-y:auto;
      max-height:var(--home-carousel-expanded-height, none);
      padding-right:6px;
      scrollbar-width:thin;
      scrollbar-color:rgba(138,174,217,.78) rgba(255,255,255,.035);
      overscroll-behavior:contain;
    }
    .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar{
      width:10px;
    }
    .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar-track{
      border-radius:4px;
      background:rgba(255,255,255,.035);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
    }
    .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar-thumb{
      min-height:40px;
      border:2px solid #10161e;
      border-radius:4px;
      background:linear-gradient(180deg, #8AAED9, #5f7fa5);
    }
    .home-carousel-row.is-expanded .home-carousel-viewport::-webkit-scrollbar-thumb:hover{
      background:linear-gradient(180deg, #a8c5e5, #7395bc);
    }
    .home-carousel-row.is-expanded .home-carousel-track{
      display:grid;
      align-items:stretch;
      transform:none !important;
      will-change:auto;
      transition:none;
    }
    .home-carousel-row.is-expanded .home-suggestion-card{
      width:100%;
      min-width:0;
      max-width:none;
    }
    
    .home-provider-tabs-top{
      justify-content:flex-start;
    }
    .home-provider-tabs{
      display:flex;
      align-items:stretch;
      width:100%;
      max-width:50%;
      gap:8px;
      margin:0 0 0 8px;
    }
    .home-provider-tab{
      flex:1 1 0;
      min-width:0;
      padding:8px 10px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color:var(--text);
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      text-align:center;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      cursor:pointer;
      transition: transform 140ms ease, background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
    }
    .home-provider-tab:hover,
    .home-provider-tab:focus-visible{
      transform: translateY(-1px);
      border-color:rgba(138,174,217,.34);
      background: rgba(43,156,255,.16);
      outline: 3px solid rgba(43,156,255,.22);
      outline-offset: 0;
      box-shadow: none;
    }
    .home-provider-tab.is-active{
      border-color:#FFFFFF;
      color:#10151d;
      box-shadow: 0 10px 20px rgba(0,0,0,.24);
    }
    
    .home-provider-tab[data-provider="five"].is-active{
      background: linear-gradient(135deg, #11253e 0%, #fbf432 100%);
      color:#ffffff;
      text-shadow: 0 1px 3px rgba(0,0,0,.45);
    }
    .home-provider-tab[data-provider="bbc"].is-active{
      background:
        radial-gradient(130% 130% at 24% 16%, rgba(255,255,255,.55), transparent 34%),
        linear-gradient(135deg, #FFFFFF 0%, #ffb7d6 55%, #fe4c98 100%);
    }
    .home-provider-tab[data-provider="itv"].is-active{
      background: linear-gradient(135deg, #112c3d 0%, #deeb53 100%);
      color:#ffffff;
      text-shadow: 0 1px 3px rgba(0,0,0,.45);
    }
    .home-provider-tab[data-provider="channel4"].is-active{
      background: linear-gradient(135deg, #231f20 0%, #aaff89 100%);
      color:#ffffff;
      text-shadow: 0 1px 3px rgba(0,0,0,.45);
    }
    .home-provider-tabs-panels{
      position:relative;
      min-height:clamp(150px, 20vw, 196px);
    }
    .home-provider-tab-panel{
      display:none;
      align-items:center;
      justify-content:center;
      min-height:clamp(150px, 20vw, 196px);
      border-radius:4px;
      background: rgba(255,255,255,.03);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
      text-align:center;
    }
    .home-provider-tab-panel.is-active{
      display:flex;
    }
    .home-provider-tab-placeholder{
      margin:0;
      max-width:420px;
      padding:0 18px;
      color:rgba(233,237,247,.58);
      font-size:13px;
      line-height:1.5;
    }
    @media (max-width:640px){
      .home-provider-tabs{
        max-width:100%;
      }
      .home-provider-tab{
        font-size:11px;
        padding:8px 6px;
      }
    }
    .home-suggestion-card{
      flex:0 0 clamp(190px, 22vw, 260px);
      border:0;
      padding:0;
      margin:0;
      text-align:left;
      color:var(--text);
      cursor:pointer;
      border-radius:4px;
      overflow:hidden;
      background: rgba(255,255,255,.045);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.22);
      transition: transform 140ms ease, box-shadow 160ms ease;
    }
    .home-suggestion-card:hover,
    .home-suggestion-card:focus{
      transform: translateY(-2px);
      box-shadow: inset 0 0 0 1px rgba(138,174,217,.32), 0 14px 28px rgba(0,0,0,.28), 0 0 22px rgba(138,174,217,.08);
      outline:none;
    }
    .home-suggestion-thumb{
      aspect-ratio:16/9;
      display:grid;
      place-items:center;
      background:
        radial-gradient(420px 160px at 20% 18%, rgba(100,140,190,.20), transparent 56%),
        radial-gradient(360px 140px at 80% 82%, rgba(138,174,217,.14), transparent 60%),
        rgba(10,12,28,.88);
      color:rgba(233,237,247,.72);
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
      position:relative;
      overflow:hidden;
    }
    
    .cached-thumb-host{
      position:relative;
      overflow:hidden;
    }
    .cached-thumb-img{
      position:absolute;
      inset:0;
      z-index:0;
      width:100%;
      height:100%;
      object-fit:cover;
      opacity:0;
      transition:opacity 220ms ease;
      pointer-events:none;
      user-select:none;
    }
    .cached-thumb-img.is-loaded{
      opacity:1;
    }
    @media (prefers-reduced-motion: reduce){
      .cached-thumb-img{ transition:none; }
    }
    
    .home-carousel-row--portrait .home-suggestion-card{
      flex:0 0 clamp(116px, 13vw, 152px);
    }
    .home-carousel-row--portrait .home-suggestion-thumb{
      aspect-ratio:9/16;
    }
    .home-carousel-row--square .home-suggestion-card{
      flex:0 0 clamp(150px, 16vw, 200px);
    }
    .home-carousel-row--square .home-suggestion-thumb{
      aspect-ratio:1;
    }
    .is-audio-thumb .cached-thumb-img{
      object-fit:contain;
      background:#01091D;
    }
    .home-suggestion-meta{
      padding:10px 12px 12px;
      background: rgba(8,10,18,.78);
    }
    .home-suggestion-title{
      margin:0 0 5px;
      font-size:14px;
      font-weight:850;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .home-suggestion-desc{
      margin:0;
      color:rgba(233,237,247,.68);
      font-size:12px;
      line-height:1.35;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .home-suggestion-empty{
      flex:1 0 100%;
      color:var(--muted);
      padding:16px;
      border-radius:4px;
      background: rgba(255,255,255,.035);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
    }
    @media (max-width: 760px){
      .home-suggestions-head{
        grid-template-columns: 1fr;
        row-gap:10px;
      }
      .home-suggestions-kicker,
      .home-suggestions-title,
      .home-my-schedule-btn,
      .home-suggestions-copy{
        grid-column:1;
        grid-row:auto;
        justify-self:start;
      }
      .home-suggestions-kicker{ order:1; }
      .home-suggestions-title{ order:2; }
      .home-my-schedule-btn{ order:3; }
      .home-suggestions-copy{
        order:4;
        text-align:left;
        max-width:none;
      }
      .home-suggestion-card{
        flex-basis: min(78vw, 260px);
      }
    }

    .home-schedule-overlay{
      position:fixed;
      inset:0;
      z-index:60;
      display:flex;
      align-items:center;
      justify-content:center;
      padding: 16px;
    }
    .home-schedule-overlay[hidden]{
      display:none;
    }
    .home-schedule-backdrop{
      position:absolute;
      inset:0;
      background: rgba(4,6,12,.62);
      backdrop-filter: blur(2px);
      opacity:0;
      transition: opacity 180ms ease;
    }
    .home-schedule-overlay.is-active .home-schedule-backdrop{
      opacity:1;
    }
    .home-schedule-panel{
      position:relative;
      z-index:1;
      width:min(560px, 100%);
      max-height:min(80vh, 620px);
      overflow-y:auto;
      overscroll-behavior:contain;
      padding:18px;
      border-radius:4px;
      border:2px dotted rgba(255,255,255,.14);
      background: rgba(10,13,22,.92);
      backdrop-filter: blur(16px);
      box-shadow: 0 24px 64px rgba(0,0,0,.42);
      opacity:0;
      transform: translateY(-8px) scale(.98);
      transition: opacity 180ms ease, transform 180ms ease;
    }
    .home-schedule-overlay.is-active .home-schedule-panel{
      opacity:1;
      transform: translateY(0) scale(1);
    }
    .home-schedule-panel-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:14px;
    }
    .home-schedule-kicker{
      margin:0 0 8px;
      color:#FFFFFF;
      font-size:11px;
      font-weight:900;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .home-schedule-panel-head h3{
      margin:0;
      color:#f7fbff;
      font-size:16px;
      font-weight:800;
      letter-spacing:-.01em;
    }
    .home-schedule-close{
      flex:0 0 auto;
      width:30px;
      height:30px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color:var(--text);
      font-size:16px;
      line-height:1;
      cursor:pointer;
      transition: background 160ms ease, border-color 160ms ease;
    }
    .home-schedule-close:hover,
    .home-schedule-close:focus-visible{
      border-color:rgba(138,174,217,.34);
      background: rgba(43,156,255,.16);
      outline:none;
    }
    .home-schedule-blocks{
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .home-schedule-block{
      display:flex;
      align-items:baseline;
      gap:12px;
      padding:10px 12px;
      border-radius:4px;
      background: rgba(255,255,255,.035);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
    }
    .home-schedule-block-time{
      flex:0 0 auto;
      margin:0;
      min-width:118px;
      color:#f7fbff;
      font-size:12px;
      font-weight:900;
      letter-spacing:.04em;
    }
    .home-schedule-block-empty{
      margin:0;
      color:rgba(233,237,247,.5);
      font-size:12.5px;
      line-height:1.4;
    }
    
    html[data-theme^="light-"] .home-schedule-backdrop{
      background:color-mix(in srgb, var(--deep) 38%, transparent);
    }
    html[data-theme^="light-"] .home-schedule-panel{
      color:var(--text);
      border-color:var(--glass-outline);
      background:
        radial-gradient(520px 220px at 12% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 64%),
        radial-gradient(440px 200px at 100% 100%, color-mix(in srgb, var(--deep) 7%, transparent), transparent 66%),
        linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, white), var(--card));
      box-shadow:0 24px 64px color-mix(in srgb, var(--deep) 20%, transparent), inset 0 0 0 1px rgba(255,255,255,.52);
      scrollbar-color:color-mix(in srgb, var(--accent) 58%, transparent) var(--ink-wash);
    }
    html[data-theme^="light-"] .home-schedule-kicker{
      color:var(--accent);
    }
    html[data-theme^="light-"] .home-schedule-panel-head h3{
      color:var(--text);
    }
    html[data-theme^="light-"] .home-schedule-close{
      color:var(--text);
      border-color:var(--glass-outline);
      background:var(--glass-strong);
    }
    html[data-theme^="light-"] .home-schedule-close:hover,
    html[data-theme^="light-"] .home-schedule-close:focus-visible{
      color:var(--text);
      border-color:var(--accent);
      background:var(--glass-hover);
    }
    html[data-theme^="light-"] .home-schedule-block{
      color:var(--text);
      border-color:var(--glass-outline);
      background:var(--glass);
      box-shadow:inset 0 0 0 1px var(--glass-outline);
    }
    html[data-theme^="light-"] .home-schedule-block-time{
      color:var(--text);
    }
    html[data-theme^="light-"] .home-schedule-block-empty{
      color:var(--muted);
    }
    @media (max-width:480px){
      .home-schedule-block{
        flex-direction:column;
        gap:4px;
      }
      .home-schedule-block-time{
        min-width:0;
      }
    }

    .home-playlists-overlay{
      position:fixed;
      inset:0;
      z-index:62;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:16px;
    }
    .home-playlists-overlay[hidden]{ display:none; }
    .home-playlists-backdrop{
      position:absolute;
      inset:0;
      background:rgba(4,6,12,.66);
      backdrop-filter:blur(3px);
      opacity:0;
      transition:opacity 180ms ease;
    }
    .home-playlists-overlay.is-active .home-playlists-backdrop{ opacity:1; }
    .home-playlists-panel{
      position:relative;
      z-index:1;
      width:min(540px, 100%);
      max-height:min(82vh, 680px);
      overflow-y:auto;
      overscroll-behavior:contain;
      padding:20px;
      border:2px dotted rgba(255,255,255,.16);
      border-radius:4px;
      background:rgba(10,13,22,.96);
      color:var(--text);
      box-shadow:0 24px 64px rgba(0,0,0,.44);
      backdrop-filter:blur(18px);
      opacity:0;
      transform:translateY(-8px) scale(.98);
      transition:opacity 180ms ease, transform 180ms ease;
    }
    .home-playlists-overlay.is-active .home-playlists-panel{
      opacity:1;
      transform:translateY(0) scale(1);
    }
    .home-playlists-panel-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
    }
    .home-playlists-kicker{
      margin:0 0 7px;
      color:var(--accent);
      font-size:11px;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .home-playlists-panel-head h3{
      margin:0;
      color:var(--text);
      font-size:24px;
      line-height:1.08;
      font-weight:900;
      letter-spacing:-.035em;
    }
    .home-playlists-close{
      flex:0 0 32px;
      width:32px;
      height:32px;
      display:grid;
      place-items:center;
      padding:0;
      border:1px solid rgba(255,255,255,.16);
      border-radius:4px;
      background:rgba(255,255,255,.07);
      color:var(--text);
      font-size:18px;
      line-height:1;
      cursor:pointer;
    }
    .home-playlists-close:hover,
    .home-playlists-close:focus-visible{
      border-color:var(--accent);
      background:rgba(255,255,255,.13);
      outline:none;
      box-shadow:var(--ring);
    }
    .home-playlists-intro{
      margin:12px 0 16px;
      color:var(--muted);
      font-size:13px;
      line-height:1.5;
    }
    .home-playlists-status{
      margin:0 0 10px;
      padding:9px 10px;
      border:1px solid var(--border);
      border-radius:4px;
      color:var(--muted);
      background:rgba(255,255,255,.04);
      font-size:12px;
      line-height:1.35;
    }
    .home-playlists-status:empty{ display:none; }
    .home-playlists-status.is-error{
      color:#ffb9c1;
      border-color:rgba(255,91,112,.34);
      background:rgba(255,74,91,.10);
    }
    .home-playlists-status.is-success{
      color:#b8ffd8;
      border-color:rgba(0,196,110,.34);
      background:rgba(0,196,110,.10);
    }
    .home-playlists-list{
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .home-playlist-card{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      min-height:62px;
      padding:11px 12px;
      border:1px solid rgba(255,255,255,.09);
      border-radius:4px;
      background:rgba(255,255,255,.045);
    }
    .home-playlist-card-text{ min-width:0; }
    .home-playlist-card h4{
      margin:0;
      overflow:hidden;
      color:var(--text);
      font-size:14px;
      font-weight:850;
      line-height:1.3;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .home-playlist-card p{
      margin:3px 0 0;
      color:var(--muted);
      font-size:11.5px;
    }
    .home-playlist-default-badge{
      flex:0 0 auto;
      padding:4px 7px;
      border:1px solid color-mix(in srgb, var(--accent), transparent 62%);
      border-radius:4px;
      color:var(--accent);
      background:color-mix(in srgb, var(--accent), transparent 88%);
      font-size:9px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .home-playlists-empty,
    .home-playlists-signin{
      margin:0;
      padding:16px;
      border:1px dashed var(--border);
      border-radius:4px;
      color:var(--muted);
      background:rgba(255,255,255,.035);
      font-size:13px;
      line-height:1.45;
      text-align:center;
    }
    .home-playlists-signin p{ margin:0 0 10px; }
    .home-playlists-signin a{
      display:inline-flex;
      min-height:34px;
      align-items:center;
      justify-content:center;
      padding:0 12px;
      border:1px solid var(--border);
      border-radius:4px;
      color:var(--text);
      background:rgba(255,255,255,.07);
      font-size:12px;
      font-weight:850;
      text-decoration:none;
    }
    .home-playlists-create{
      margin-top:16px;
      padding-top:14px;
      border-top:1px solid var(--border);
    }
    .home-playlists-create[hidden]{ display:none; }
    .home-playlists-create > label{
      display:block;
      margin:0 0 7px;
      color:var(--text);
      font-size:11px;
      font-weight:900;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    .home-playlists-create-row{
      display:flex;
      gap:8px;
    }
    .home-playlists-create input{
      flex:1 1 auto;
      min-width:0;
      min-height:40px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:4px;
      background:rgba(255,255,255,.06);
      color:var(--text);
      padding:8px 11px;
      font:inherit;
      font-size:13px;
      outline:none;
    }
    .home-playlists-create input::placeholder{ color:var(--muted); }
    .home-playlists-create input:focus{
      border-color:var(--accent);
      box-shadow:var(--ring);
    }
    .home-playlists-create button{
      flex:0 0 auto;
      min-width:88px;
      min-height:40px;
      border:1px solid rgba(138,174,217,.62);
      border-radius:4px;
      background:#2b6ca3;
      color:#fff;
      padding:8px 14px;
      font-size:12px;
      font-weight:900;
      cursor:pointer;
    }
    .home-playlists-create button:hover,
    .home-playlists-create button:focus-visible{
      filter:brightness(1.08);
      outline:none;
      box-shadow:var(--ring);
    }
    .home-playlists-create button:disabled{
      cursor:wait;
      opacity:.58;
    }
    html[data-theme^="light-"] .home-playlists-panel{
      border-color:var(--glass-outline);
      background:linear-gradient(180deg, rgba(255,255,255,.96), var(--glass-strong));
      box-shadow:0 24px 58px rgba(0,0,0,.20);
    }
    html[data-theme^="light-"] .home-playlists-close,
    html[data-theme^="light-"] .home-playlist-card,
    html[data-theme^="light-"] .home-playlists-status,
    html[data-theme^="light-"] .home-playlists-empty,
    html[data-theme^="light-"] .home-playlists-signin,
    html[data-theme^="light-"] .home-playlists-signin a,
    html[data-theme^="light-"] .home-playlists-create input{
      border-color:var(--glass-outline);
      background:rgba(255,255,255,.68);
    }
    html[data-theme^="light-"] .home-playlists-status.is-error{
      color:#8b1d2c;
      border-color:rgba(139,29,44,.28);
      background:rgba(196,49,69,.08);
    }
    html[data-theme^="light-"] .home-playlists-status.is-success{
      color:#0b6642;
      border-color:rgba(11,102,66,.28);
      background:rgba(11,102,66,.08);
    }
    html[data-theme^="light-"] .home-playlists-create button{
      border-color:color-mix(in srgb, var(--accent), transparent 42%);
      background:var(--accent);
    }
    @media (max-width:520px){
      .home-playlists-panel{ padding:16px; }
      .home-playlists-create-row{ flex-direction:column; }
      .home-playlists-create button{ width:100%; }
    }

    .home-feature-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--gutter);
      margin-top: var(--gutter);
    }
    .home-feature-card{
      min-height: 190px;
      padding:20px;
      border-radius: var(--radius);
      border:2px dotted rgba(255,255,255,.10);
      background: var(--card);
      box-shadow: 0 10px 28px rgba(0,0,0,.25);
      backdrop-filter: blur(10px);
    }
    .home-feature-card h3{
      position:relative;
      display:inline-block;
      margin:0 0 10px;
      color:#f7fbff;
      font-size:20px;
      font-weight:950;
      line-height:1;
      text-transform:uppercase;
      letter-spacing:.105em;
      text-shadow:
        0 1px 0 rgba(0,0,0,.62),
        0 0 8px rgba(255,255,255,.18),
        0 8px 22px rgba(0,0,0,.36);
      -webkit-text-fill-color:currentColor;
    }
    .home-feature-card h3::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-6px;
      height:1px;
      border-radius:4px;
      background: linear-gradient(90deg, rgba(138,174,217,.68), rgba(255,255,255,.38), rgba(228,179,185,.58));
      box-shadow: 0 0 12px rgba(138,174,217,.22);
      opacity:.82;
    }
    @keyframes homeHoloText{
      0%,100%{ background-position:0% 50%; filter:saturate(1.05); }
      50%{ background-position:100% 50%; filter:saturate(1.25); }
    }
    @media (prefers-reduced-motion: reduce){
      .home-feature-card h3{ animation:none !important; }
    }
    .home-feature-card p{
      margin:0;
      color:var(--muted);
      line-height:1.5;
    }
    .home-footer-divider{
      margin: var(--gutter) 0 0;
      border: none;
      border-top: 1px solid rgba(255,255,255,.14);
    }
    .home-footer-nav-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--gutter);
      margin-top: var(--gutter);
    }
    .home-footer-nav-col{
      background: none;
      border: none;
      box-shadow: none;
    }
    .home-footer-nav-heading{
      margin: 0 0 12px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--text);
      text-shadow: 0 1px 0 color-mix(in srgb, var(--bg), transparent 64%);
    }
    .home-footer-nav-list{
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 9px;
    }
    .home-footer-nav-list li{
      margin: 0;
      font-size: 14px;
      font-weight: 400;
      color: var(--muted);
      line-height: 1.4;
    }
    .home-footer-nav-list a{
      color:inherit;
      text-decoration-color:color-mix(in srgb, var(--accent), transparent 34%);
      text-decoration-thickness:1px;
      text-underline-offset:3px;
    }
    .home-footer-nav-list a:hover,
    .home-footer-nav-list a:focus-visible{
      color:var(--accent);
      text-decoration-color:currentColor;
    }
    .home-footer-nav-list li.home-footer-nav-fine{
      font-size: 12px;
    }
    @media (max-width: 900px){
      .home-footer-nav-grid{ grid-template-columns: 1fr; }
    }
    .watch-page[hidden]{ display:none !important; }
    .watch-page{ display:block; }

    .profile-page[hidden]{ display:none !important; }
    .profile-page{ display:block; max-width:var(--maxw); margin:0 auto; padding:0 16px 40px; }
    .profile-page-banner{
      height:180px;
      border-radius:0;
      background:linear-gradient(135deg, var(--accent), var(--deep));
      background-size:cover;
      background-position:center;
      margin:38px 0 0;
    }
    @media (max-width:780px){
      .profile-page-banner{ margin-top:clamp(18px, 7vw, 40px); }
    }
    .profile-page-header{
      display:flex;
      align-items:flex-end;
      flex-direction:row-reverse;
      gap:18px;
      padding:0 12px;
      margin-top:-46px;
    }
    .profile-page-avatar{
      width:104px; height:104px;
      border-radius:50%;
      object-fit:cover;
      background:var(--glass-strong, #1d2d38);
      border:4px solid var(--bg1, #0a0e14);
    }
    .profile-page-identity{ padding-bottom:6px; min-width:0; }
    .profile-page-identity h2{ margin:0; font-size:22px; }
    .profile-page-name-row{ display:flex; align-items:center; gap:10px; min-width:0; }
    .profile-page-name-row h2{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .profile-page-share-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
      width:32px; height:32px;
      border-radius:50%;
      border:1px solid var(--border);
      background:var(--glass-strong, rgba(255,255,255,.08));
      color:var(--text);
      font-size:15px;
      line-height:1;
      cursor:pointer;
      transition:background 150ms ease, border-color 150ms ease, transform 120ms ease;
    }
    .profile-page-share-btn:hover:not(:disabled),
    .profile-page-share-btn:focus-visible{
      border-color:var(--accent);
      background:var(--glass-hover, rgba(255,255,255,.14));
      outline:none;
    }
    .profile-page-share-btn:active:not(:disabled){ transform:translateY(1px); }
    .profile-page-share-btn:disabled{ opacity:.5; cursor:not-allowed; }
    .profile-page-share-btn.is-copied{
      border-color:var(--accent);
      background:var(--glass-hover, rgba(255,255,255,.14));
    }
    
    .profile-page-username{ margin:2px 0 0 42px; color:var(--muted); font-size:14px; }
    .profile-page-bio{ margin:8px 0 0; color:var(--text); font-size:14px; max-width:640px; }
    .profile-page-error{
      margin:18px 12px 0;
      padding:12px 14px;
      border-radius:10px;
      background:rgba(255,80,80,.12);
      border:1px solid rgba(255,80,80,.35);
      color:var(--text);
    }
    .profile-page-rows{ margin-top:24px; }
    @media (max-width: 900px){
      .home-feature-grid{ grid-template-columns: 1fr; }
    }

    .hero{ max-width: var(--maxw); margin: 0 auto; padding: var(--suggestion-gap) 16px 22px; }

    @media (min-width:781px){
      .hero{
        padding-top:36px;
      }
    }

    .player{
      position: relative;
      width:100%;
      aspect-ratio: 16/9;
      border-radius: var(--glow-radius);
      overflow:hidden;
      background: rgba(255,255,255,0.03);
      box-shadow: var(--shadow);
      transform: translateZ(0);
    }

    .player::before{
      content:"";
      position:absolute;
      left:50%;
      top:50%;
      width:230%;
      aspect-ratio:1;
      transform: translate(-50%, -50%) rotate(0deg);
      background: conic-gradient(
        from 0deg,
        #ff2bd6,
        #7c3aed,
        #8AAED9,
        #00f0ff,
        #00ff85,
        #ffe14d,
        #ff7a18,
        #ff2bd6
      );
      filter: blur(10px);
      opacity: 0.95;
      z-index: 0;
      pointer-events:none;
      will-change: transform, opacity, filter;
    }

    .player::after{
      content:"";
      position:absolute;
      inset: 2px;
      border-radius: calc(var(--glow-radius) - 2px);
      background: rgba(8, 10, 18, 0.78);
      z-index: 1;
      pointer-events:none;
    }

    .player .aurora{
      position:absolute;
      inset:-18px;
      border-radius: calc(var(--glow-radius) + 18px);
      z-index: 1;
      pointer-events:none;

      background:
        radial-gradient(60% 55% at 20% 20%,
          rgba(124,58,237,0.22),
          rgba(138,174,217,0.10) 35%,
          transparent 70%),
        radial-gradient(50% 60% at 80% 70%,
          rgba(255,43,214,0.16),
          rgba(0,255,133,0.10) 45%,
          transparent 75%),
        conic-gradient(
          from calc(var(--audioGlowRot) + 20deg),
          rgba(255,43,214,0.00),
          rgba(255,43,214,0.60),
          rgba(124,58,237,0.60),
          rgba(43,156,255,0.55),
          rgba(138,174,217,0.55),
          rgba(0,255,133,0.50),
          rgba(255,225,77,0.45),
          rgba(255,122,24,0.45),
          rgba(255,43,214,0.60),
          rgba(255,43,214,0.00)
        );

      -webkit-mask:
        radial-gradient(closest-side, transparent calc(100% - 36px), #000 calc(100% - 10px));
      mask:
        radial-gradient(closest-side, transparent calc(100% - 36px), #000 calc(100% - 10px));

      filter:
        blur(calc(10px + var(--audioAmp) * 18px))
        saturate(calc(1.05 + var(--audioAmp) * 0.85))
        hue-rotate(var(--audioHue));

      opacity: calc(0.15 + var(--audioPulse) * 0.85);

      transform:
        translate3d(var(--audioJitterX), var(--audioJitterY), 0)
        rotate(calc(var(--audioGlowRot) * 0.9))
        skewX(var(--audioShear))
        scale(var(--audioZoom));

      mix-blend-mode: screen;
      will-change: transform, filter, opacity;
    }

    .player .grain{
      position:absolute;
      inset: 6px;
      border-radius: calc(var(--glow-radius) - 8px);
      z-index: 3;
      pointer-events:none;
      opacity: calc(0.06 + var(--audioGrain) * 0.20);
      mix-blend-mode: overlay;

      background:
        radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,.20) 50%, transparent 51%),
        radial-gradient(1px 1px at 30% 80%, rgba(255,255,255,.18) 50%, transparent 51%),
        radial-gradient(1px 1px at 55% 40%, rgba(255,255,255,.16) 50%, transparent 51%),
        radial-gradient(1px 1px at 80% 30%, rgba(255,255,255,.18) 50%, transparent 51%),
        radial-gradient(1px 1px at 90% 75%, rgba(255,255,255,.16) 50%, transparent 51%);
      background-size:
        120px 120px,
        140px 140px,
        160px 160px,
        180px 180px,
        200px 200px;
      background-position:
        calc(var(--audioShift) * 1.0) calc(var(--audioShift) * 0.7),
        calc(var(--audioShift) * -0.6) calc(var(--audioShift) * 0.9),
        calc(var(--audioShift) * 0.8) calc(var(--audioShift) * -0.5),
        calc(var(--audioShift) * -0.9) calc(var(--audioShift) * -0.8),
        calc(var(--audioShift) * 0.5) calc(var(--audioShift) * 0.4);
      filter: blur(0.2px);
    }

    .player video{
      position:absolute;
      inset: 8px;
      width: calc(100% - 16px);
      height: calc(100% - 16px);
      border-radius: calc(var(--glow-radius) - 6px);
      z-index: 2;
      background:#000;
      outline:none;
      object-fit: cover;
    }

    .player.audio-mode video{
      object-fit: contain;
      background:
        radial-gradient(500px 260px at 50% 38%, rgba(43,156,255,.10), transparent 60%),
        radial-gradient(420px 220px at 45% 60%, rgba(228,179,185,.08), transparent 62%),
        #000;
    }

    .player.aspect-cover video{ object-fit: cover; }
    .player.aspect-contain video{ object-fit: contain; }
    .player.aspect-stretch video{ object-fit: fill; }

    .player.aspect-ratio-4x3{ aspect-ratio: 4 / 3; }
    .player.aspect-ratio-16x9{ aspect-ratio: 16 / 9; }
    .player.aspect-ratio-185x1{ aspect-ratio: 1.85 / 1; }
    .player.aspect-ratio-4x3 video,
    .player.aspect-ratio-16x9 video,
    .player.aspect-ratio-185x1 video{ object-fit: contain; }

    .player.audio-mode.aspect-cover video,
    .player.audio-mode.aspect-contain video,
    .player.audio-mode.aspect-stretch video,
    .player.audio-mode.aspect-ratio-4x3 video,
    .player.audio-mode.aspect-ratio-16x9 video,
    .player.audio-mode.aspect-ratio-185x1 video{ object-fit: contain; }

    .player .sheen{
      position:absolute;
      inset: 8px;
      border-radius: calc(var(--glow-radius) - 6px);
      background: radial-gradient(800px 240px at 20% 0%, rgba(255,255,255,0.08), transparent 60%);
      pointer-events:none;
      z-index: 3;
      mix-blend-mode: screen;
      opacity: 0.55;
    }

    .custom-media-controls{
      position:absolute;
      left: 18px;
      right: 18px;
      bottom: 18px;
      z-index: 7;
      min-height: 52px;
      display:flex;
      align-items:center;
      gap:10px;
      padding: 10px 12px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 4px;
      background:
        radial-gradient(420px 80px at 18% 50%, rgba(138,174,217,.12), transparent 65%),
        radial-gradient(360px 80px at 86% 50%, rgba(228,179,185,.10), transparent 65%),
        linear-gradient(180deg, rgba(8,10,18,.70), rgba(8,10,18,.88));
      backdrop-filter: blur(16px);
      box-shadow: 0 16px 42px rgba(0,0,0,.42);
      opacity: .96;
      transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease;
    }
    .player:hover .custom-media-controls,
    .custom-media-controls:focus-within{
      opacity: 1;
      border-color: rgba(255,255,255,.18);
    }
    .player.controls-idle .custom-media-controls{
      opacity: 0;
      transform: none;
      pointer-events:auto;
    }
    .player.controls-idle .custom-media-controls:hover,
    .player.controls-idle .custom-media-controls:focus-within,
    .player.is-scrubbing .custom-media-controls{
      opacity:1;
      transform: translateY(0);
      pointer-events:auto;
    }
    .cmc-btn{
      position:relative;
      isolation:isolate;
      overflow:hidden;
      width: 36px;
      height: 36px;
      min-width: 36px;
      border: 1px solid rgba(167,231,255,.18);
      border-radius: 4px;
      background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.08), transparent 34%),
        radial-gradient(circle at 76% 86%, rgba(138,174,217,.10), transparent 48%),
        linear-gradient(180deg, rgba(11,18,29,.62), rgba(5,8,15,.76));
      color: rgba(244,248,255,.96);
      cursor:pointer;
      display:grid;
      place-items:center;
      font-size: 14px;
      font-weight: 900;
      line-height:1;
      text-shadow: 0 1px 8px rgba(138,174,217,.14);
      box-shadow:
        0 10px 24px rgba(0,0,0,.30),
        inset 0 0 0 1px rgba(255,255,255,.035),
        inset 0 -8px 18px rgba(0,0,0,.18);
      backdrop-filter: blur(10px) saturate(1.05);
      transition:
        transform 140ms ease,
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease,
        filter 180ms ease;
    }
    .cmc-btn::before{
      content:"";
      position:absolute;
      inset:-1px;
      border-radius:inherit;
      z-index:-1;
      background:
        conic-gradient(
          from 210deg,
          rgba(138,174,217,.00),
          rgba(138,174,217,.24),
          rgba(43,156,255,.16),
          rgba(228,179,185,.09),
          rgba(138,174,217,.00)
        );
      opacity:.28;
      filter: blur(.2px) saturate(.9);
      transition: opacity 180ms ease, transform 220ms ease;
    }
    .cmc-btn::after{
      content:"";
      position:absolute;
      inset:2px;
      border-radius:inherit;
      z-index:-1;
      background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.055), transparent 48%),
        rgba(255,255,255,.012);
      pointer-events:none;
      opacity:.85;
    }
    .cmc-btn:hover{
      border-color: rgba(167,231,255,.34);
      filter: saturate(1.04);
      background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.10), transparent 34%),
        radial-gradient(circle at 76% 86%, rgba(138,174,217,.14), transparent 48%),
        linear-gradient(180deg, rgba(13,22,34,.68), rgba(5,8,15,.80));
      box-shadow:
        0 12px 28px rgba(0,0,0,.34),
        0 0 16px rgba(138,174,217,.08),
        inset 0 0 0 1px rgba(255,255,255,.045),
        inset 0 -8px 18px rgba(0,0,0,.16);
    }
    .cmc-btn:hover::before{
      opacity:.48;
      transform: rotate(14deg) scale(1.03);
    }
    .cmc-btn:active{ transform: translateY(1px) scale(.98); }
    .cmc-btn:focus{ outline:none; box-shadow: 0 10px 26px rgba(0,0,0,.34), 0 0 0 3px rgba(138,174,217,.18); }
    .cmc-play{
      flex:0 0 36px;
      aspect-ratio:1 / 1;
      padding:0;
      font-size: 13px;
      border-color: rgba(138,174,217,.28);
      background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.08), transparent 34%),
        radial-gradient(circle at 76% 86%, rgba(138,174,217,.13), transparent 48%),
        linear-gradient(180deg, rgba(8,25,36,.66), rgba(5,8,15,.80));
    }
    .cmc-play-glyph{
      display:block;
      width:0;
      height:0;
      border-top:6px solid transparent;
      border-bottom:6px solid transparent;
      border-left:10px solid currentColor;
      transform:translateX(1px);
    }
    .cmc-play.is-playing .cmc-play-glyph{
      width:10px;
      height:13px;
      border:0;
      background:linear-gradient(
        90deg,
        currentColor 0 35%,
        transparent 35% 65%,
        currentColor 65% 100%
      );
      transform:none;
    }
    .cmc-aspect{
      min-width: 58px;
      width: auto;
      padding: 0 12px;
      font-size: 11px;
      letter-spacing:.58px;
      text-transform: uppercase;
      border-color: rgba(228,179,185,.18);
    }
    .cmc-aspect-wrap{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .cmc-aspect-menu{
      position:absolute;
      right:0;
      bottom: calc(100% + 10px);
      display:flex;
      align-items:center;
      gap:6px;
      padding:8px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(240px 80px at 18% 18%, rgba(138,174,217,.12), transparent 65%),
        radial-gradient(220px 90px at 92% 100%, rgba(228,179,185,.08), transparent 62%),
        linear-gradient(180deg, rgba(8,13,24,.92), rgba(5,8,15,.94));
      box-shadow:
        0 18px 44px rgba(0,0,0,.46),
        inset 0 0 0 1px rgba(255,255,255,.035);
      backdrop-filter: blur(14px);
      opacity:0;
      transform: translateY(8px) scale(.985);
      pointer-events:none;
      transition: opacity 180ms ease, transform 180ms ease;
      z-index:30;
      white-space:nowrap;
    }
    .cmc-aspect-wrap.open .cmc-aspect-menu{
      opacity:1;
      transform: translateY(0) scale(1);
      pointer-events:auto;
    }
    .cmc-aspect-option{
      height:32px;
      min-width:46px;
      padding:0 10px;
      border:1px solid rgba(255,255,255,.11);
      border-radius:4px;
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.08), transparent 44%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
      color: rgba(233,237,247,.84);
      font-size:11px;
      font-weight:800;
      letter-spacing:.46px;
      cursor:pointer;
      transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 120ms ease, box-shadow 160ms ease;
    }
    .cmc-aspect-option:hover{
      color:#fff;
      border-color: rgba(167,231,255,.28);
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.12), transparent 44%),
        linear-gradient(180deg, rgba(138,174,217,.10), rgba(255,255,255,.026));
      box-shadow:0 0 16px rgba(138,174,217,.08);
    }
    .cmc-aspect-option:active{ transform: translateY(1px); }
    .cmc-aspect-option.is-active{
      color:#fff;
      border-color: rgba(138,174,217,.38);
      background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.16), transparent 42%),
        linear-gradient(135deg, rgba(138,174,217,.24), rgba(43,156,255,.14) 56%, rgba(228,179,185,.08));
      box-shadow:
        0 0 18px rgba(138,174,217,.12),
        inset 0 0 0 1px rgba(255,255,255,.05);
    }
    @media (max-width: 680px){
      .cmc-aspect-menu{
        right:-46px;
        display:grid;
        grid-template-columns: repeat(3, minmax(46px, auto));
      }
    }
    .cmc-volume-wrap{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      z-index:32;
    }
    .cmc-volume-btn{
      border-color: rgba(167,231,255,.22);
      font-size: 14px;
    }
    .cmc-volume-panel{
      position:absolute;
      left:50%;
      bottom: calc(100% + 10px);
      width: 48px;
      height: 176px;
      padding: 12px 9px 14px;
      border-radius: 4px;
      border:1px solid rgba(255,255,255,.13);
      background:
        radial-gradient(90px 120px at 50% 16%, rgba(138,174,217,.15), transparent 64%),
        radial-gradient(90px 90px at 50% 100%, rgba(228,179,185,.09), transparent 66%),
        linear-gradient(180deg, rgba(8,13,24,.94), rgba(5,8,15,.96));
      box-shadow:
        0 18px 44px rgba(0,0,0,.48),
        0 0 24px rgba(138,174,217,.08),
        inset 0 0 0 1px rgba(255,255,255,.035);
      backdrop-filter: blur(14px) saturate(1.05);
      opacity:0;
      transform: translate(-50%, 10px) scale(.96);
      transform-origin: 50% 100%;
      pointer-events:none;
      transition: opacity 170ms ease, transform 170ms ease;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:8px;
    }
    .cmc-volume-wrap:hover .cmc-volume-panel,
    .cmc-volume-wrap:focus-within .cmc-volume-panel,
    .cmc-volume-wrap.open .cmc-volume-panel{
      opacity:1;
      transform: translate(-50%, 0) scale(1);
      pointer-events:auto;
    }
    .cmc-volume-readout{
      min-width: 34px;
      padding: 4px 5px;
      border-radius:4px;
      background: rgba(255,255,255,.07);
      color: rgba(233,237,247,.92);
      font-size: 10px;
      font-weight: 900;
      line-height:1;
      text-align:center;
      font-variant-numeric: tabular-nums;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.055);
      user-select:none;
    }
    .cmc-volume-track-wrap{
      --volume-pct: 100%;
      --volume-thumb-color: rgb(255,64,70);
      --volume-fill-top-color: rgb(255,64,70);
      position:relative;
      flex:1 1 auto;
      width: 32px;
      min-height: 120px;
      display:grid;
      place-items:center;
    }
    .cmc-volume-track-wrap::before{
      content:"";
      position:absolute;
      left:50%;
      top:7px;
      bottom:7px;
      width:6px;
      transform:translateX(-50%);
      border-radius:4px;
      background: rgba(255,255,255,.12);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
      pointer-events:none;
    }
    .cmc-volume-fill{
      position:absolute;
      left:50%;
      bottom:7px;
      width:6px;
      height: var(--volume-pct, 100%);
      max-height: calc(100% - 14px);
      min-height: 0;
      transform:translateX(-50%);
      border-radius:4px;
      background: linear-gradient(0deg, rgba(138,174,217,.92), rgba(43,156,255,.88), var(--volume-fill-top-color));
      box-shadow: 0 0 16px rgba(138,174,217,.20);
      pointer-events:none;
      z-index:1;
    }
    .cmc-volume-thumb{
      position:absolute;
      left:50%;
      top:0;
      width:18px;
      height:18px;
      transform:translate(-50%, -50%);
      border-radius:4px;
      border:2px solid rgba(246,248,255,.90);
      background: var(--volume-thumb-color);
      box-shadow:
        0 4px 14px rgba(0,0,0,.38),
        0 0 16px color-mix(in srgb, var(--volume-thumb-color), transparent 35%),
        inset 0 0 0 1px rgba(255,255,255,.25);
      pointer-events:none;
    }

    .cmc-volume-track-wrap .cmc-volume-fill .cmc-volume-thumb{
      left:50% !important;
      transform:translate(-50%, -50%) !important;
    }

    .cmc-volume-range{
      position:absolute;
      left:50%;
      top:50%;
      width:120px;
      height:32px;
      margin:0;
      transform: translate(-50%, -50%) rotate(-90deg);
      transform-origin:center;
      appearance:none;
      -webkit-appearance:none;
      background: transparent;
      cursor:pointer;
      z-index:3;
      outline:none;
    }
    .cmc-volume-range::-webkit-slider-runnable-track{
      height: 32px;
      background: transparent;
      border:0;
    }
    .cmc-volume-range::-moz-range-track{
      height: 32px;
      background: transparent;
      border:0;
    }
    .cmc-volume-range::-webkit-slider-thumb{
      -webkit-appearance:none;
      appearance:none;
      width:32px;
      height:32px;
      border-radius:4px;
      border:0;
      background: transparent;
      box-shadow:none;
      opacity:0;
    }
    .cmc-volume-range::-moz-range-thumb{
      width:32px;
      height:32px;
      border-radius:4px;
      border:0;
      background: transparent;
      box-shadow:none;
      opacity:0;
    }
    .cmc-volume-range:focus-visible{ outline:none; }
    .cmc-volume-track-wrap:has(.cmc-volume-range:focus-visible){ box-shadow: var(--ring); border-radius:4px; }

    .cmc-fullscreen{
      border-color: rgba(167,231,255,.23);
      font-size: 13px;
    }
    .cmc-cc{
      border-color: rgba(138,174,217,.22);
      font-size: 11px;
      letter-spacing:.58px;
      text-transform: uppercase;
    }
    .cmc-cc.is-active{
      color:#fff;
      border-color: rgba(138,174,217,.46);
      background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.16), transparent 42%),
        linear-gradient(135deg, rgba(138,174,217,.24), rgba(43,156,255,.14) 56%, rgba(228,179,185,.08));
      box-shadow:
        0 0 18px rgba(138,174,217,.12),
        inset 0 0 0 1px rgba(255,255,255,.05);
    }
    .cmc-cast{
      border-color: rgba(167,231,255,.23);
    }
    .cmc-cast svg{
      display:block;
      pointer-events:none;
    }
    .cmc-cast.is-active{
      color:#fff;
      border-color: rgba(138,174,217,.46);
      background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.16), transparent 42%),
        linear-gradient(135deg, rgba(138,174,217,.24), rgba(43,156,255,.14) 56%, rgba(228,179,185,.08));
      box-shadow:
        0 0 18px rgba(138,174,217,.12),
        inset 0 0 0 1px rgba(255,255,255,.05);
    }
    body.ad-seek-locked .cmc-cast{
      opacity:.35;
      pointer-events:none;
    }
    .cmc-cast-wrap{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      z-index:32;
    }
    .cmc-cast-feedback{
      position:absolute;
      left:50%;
      bottom: calc(100% + 10px);
      transform: translateX(-50%);
      width: max-content;
      max-width: 220px;
      padding: 7px 10px;
      border-radius: 4px;
      border:1px solid rgba(255,255,255,.13);
      background: linear-gradient(180deg, rgba(8,13,24,.94), rgba(5,8,15,.96));
      color: rgba(244,248,255,.96);
      font-size: 11px;
      font-weight: 700;
      line-height:1.35;
      text-align:center;
      box-shadow: 0 18px 44px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.035);
      backdrop-filter: blur(14px) saturate(1.05);
      pointer-events:none;
    }
    html[data-theme^="light-"] .cmc-cast-feedback{
      color:var(--text);
      border-color:var(--glass-outline);
      background:linear-gradient(180deg, rgba(255,255,255,.94), var(--glass-strong));
      box-shadow:0 8px 18px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.50);
    }
    .cmc-left,
    .cmc-right{
      display:flex;
      align-items:center;
      gap:10px;
      flex: 0 0 auto;
    }
    .cmc-right{ margin-left: 2px; }
    .cmc-time{
      min-width: 46px;
      color: rgba(233,237,247,.86);
      font-size: 12px;
      font-weight: 700;
      letter-spacing:.35px;
      font-variant-numeric: tabular-nums;
      text-align:center;
      user-select:none;
    }
    .cmc-duration{
      color: rgba(233,237,247,.68);
      cursor:pointer;
      border-radius:4px;
      padding:4px 6px;
      transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease;
    }
    .cmc-duration:hover{
      color: rgba(233,237,247,.94);
      background: rgba(255,255,255,.06);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
    }
    .cmc-duration.is-remaining{ color: rgba(138,174,217,.86); }
    .cmc-duration:focus{ outline:none; box-shadow: var(--ring); }

    .cmc-reaction-meter{
      --like-pct: 50%;
      --dislike-pct: 50%;
      position:relative;
      display:flex;
      align-items:center;
      gap:4px;
      height:36px;
      padding:3px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.14);
      overflow:hidden;
      isolation:isolate;
      background:
        linear-gradient(90deg,
          rgba(0,255,133,.34) 0 var(--like-pct),
          rgba(255,74,91,.34) var(--like-pct) 100%);
      box-shadow: 0 8px 22px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.05);
      backdrop-filter: blur(12px);
      transition: opacity 180ms ease, filter 180ms ease, border-color 180ms ease;
    }
    .cmc-reaction-meter::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:
        radial-gradient(circle at 18% 20%, rgba(0,255,133,.35), transparent 32%),
        radial-gradient(circle at 82% 80%, rgba(255,74,91,.32), transparent 36%),
        rgba(8,10,18,.50);
      opacity:.72;
    }
    .cmc-reaction-meter.no-data{
      background: rgba(255,255,255,.07);
    }
    .cmc-reaction-meter.is-disabled{
      opacity:.48;
      filter:saturate(.75);
    }
    .cmc-reaction-btn{
      position:relative;
      z-index:1;
      height:28px;
      min-width:50px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:4px;
      background: rgba(8,10,18,.34);
      color:var(--text);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:5px;
      cursor:pointer;
      font-size:12px;
      font-weight:900;
      line-height:1;
      font-variant-numeric: tabular-nums;
      transition: transform 120ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }
    .cmc-reaction-btn:hover{
      border-color: rgba(255,255,255,.30);
      background: rgba(255,255,255,.12);
    }
    .cmc-reaction-btn:active{ transform: translateY(1px) scale(.98); }
    .cmc-reaction-btn:focus{ outline:none; box-shadow: var(--ring); }
    .cmc-reaction-btn.is-active[data-reaction="like"]{
      background: rgba(0,255,133,.22);
      border-color: rgba(0,255,133,.58);
      box-shadow: 0 0 18px rgba(0,255,133,.18);
    }
    .cmc-reaction-btn.is-active[data-reaction="dislike"]{
      background: rgba(255,74,91,.22);
      border-color: rgba(255,74,91,.58);
      box-shadow: 0 0 18px rgba(255,74,91,.18);
    }
    .cmc-reaction-btn[disabled]{ cursor:not-allowed; opacity:.72; }
    .cmc-reaction-icon{ font-size:13px; }
    .cmc-reaction-count{ min-width: 1ch; }

    .cmc-seek{
      --seek-pct: 0;
      --buffer-pct: 0;
      --seek-inset: 8px;
      position:relative;
      flex: 1 1 auto;
      height: 24px;
      min-width: 120px;
      cursor:pointer;
      touch-action:none;
      border-radius:4px;
      outline:none;
      isolation:isolate;
    }
    .cmc-native-range{
      position:absolute;
      inset:-10px 0;
      width:100%;
      height:44px;
      margin:0;
      padding:0;
      opacity:.001;
      cursor:pointer;
      z-index:10;
      appearance:none;
      -webkit-appearance:none;
      background:transparent;
      touch-action:none;
    }
    .cmc-native-range::-webkit-slider-thumb{
      -webkit-appearance:none;
      appearance:none;
      width:28px;
      height:44px;
      border:0;
      background:transparent;
      cursor:pointer;
    }
    .cmc-native-range::-moz-range-thumb{
      width:28px;
      height:44px;
      border:0;
      background:transparent;
      cursor:pointer;
    }
    .cmc-seek::before{
      content:"";
      position:absolute;
      left:var(--seek-inset); right:var(--seek-inset);
      top:50%;
      height: 7px;
      transform: translateY(-50%);
      border-radius:4px;
      background: rgba(255,255,255,.12);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
    }
    .cmc-buffered,
    .cmc-progress{
      position:absolute;
      left:var(--seek-inset);
      top:50%;
      height:7px;
      width:0%;
      transform: translateY(-50%);
      border-radius:4px;
      pointer-events:none;
      max-width: calc(100% - (var(--seek-inset) * 2));
    }
    .cmc-buffered{
      width: calc((100% - (var(--seek-inset) * 2)) * var(--buffer-pct) / 100);
      background: rgba(255,255,255,.18);
    }
    .cmc-progress{
      width: calc((100% - (var(--seek-inset) * 2)) * var(--seek-pct) / 100);
      background: linear-gradient(90deg, rgba(138,174,217,.88), rgba(43,156,255,.90), rgba(228,179,185,.72));
      box-shadow: 0 0 16px rgba(138,174,217,.22);
    }
    .cmc-handle{
      position:absolute;
      top:50%;
      left: calc(var(--seek-inset) + ((100% - (var(--seek-inset) * 2)) * var(--seek-pct) / 100));
      width: 12px;
      height: 12px;
      border-radius:4px;
      transform: translate(-50%, -50%);
      background: #e9edf7;
      border: 2px solid rgba(8,10,18,.72);
      box-shadow: 0 4px 14px rgba(0,0,0,.35), 0 0 16px rgba(138,174,217,.28);
      pointer-events:none;
    }
    .cmc-seek:focus{ box-shadow: var(--ring); }
    .cmc-select{
      height: 36px;
      min-width: 112px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 4px;
      background: rgba(255,255,255,.07);
      color: var(--text);
      padding: 0 28px 0 12px;
      font-size: 12px;
      font-weight: 900;
      letter-spacing:.28px;
      text-align:center;
      font-variant-numeric: tabular-nums;
      outline:none;
      cursor:pointer;
      backdrop-filter: blur(12px);
    }
    .cmc-select:focus{ box-shadow: var(--ring); }
    .cmc-select option{ color:#111; }
    .custom-media-controls.is-disabled{
      opacity:.58;
      pointer-events:none;
    }
    @media (max-width: 720px){
      .custom-media-controls{
        left: 12px;
        right: 12px;
        bottom: 12px;
        gap:7px;
        padding: 8px;
      }
      .cmc-left,
      .cmc-right{ gap:7px; }
      .cmc-time{ display:none; }
      .cmc-select{ min-width: 96px; max-width: 124px; padding-left:10px; padding-right:22px; }
      .cmc-aspect{ min-width: 44px; padding: 0 8px; font-size: 10px; }
      .cmc-reaction-meter{ height:34px; padding:3px; }
      .cmc-reaction-btn{ min-width:40px; height:26px; font-size:11px; gap:3px; }
    }

    .player.glow-on::before{
      animation:
        spin 6.5s linear infinite,
        pulseSmooth 5.2s cubic-bezier(.45,0,.2,1) infinite;
    }
    .player.glow-stationary::before{ animation: none; opacity: 0.90; }
    .player.glow-off::before{ animation: none; opacity: 0; }
    .player.glow-audio::before{
      animation: none;
      opacity: var(--audioGlowOpacity);
      filter: blur(var(--audioGlowBlur)) saturate(var(--audioGlowSat));
      transform: translate(-50%, -50%) rotate(var(--audioGlowRot));
    }

    .player .aurora,
    .player .grain{ display:none; }
    .player.glow-audio .aurora,
    .player.glow-audio .grain{ display:block; }

    @keyframes spin {
      from { transform: translate(-50%, -50%) rotate(0deg); }
      to { transform: translate(-50%, -50%) rotate(360deg); }
    }
    @keyframes pulseSmooth{
      0%   { opacity: 0.72; }
      25%  { opacity: 0.86; }
      50%  { opacity: 0.98; }
      75%  { opacity: 0.86; }
      100% { opacity: 0.72; }
    }
    @media (prefers-reduced-motion: reduce) {
      .player.glow-on::before { animation: none; }
      :root{ --audioShear: 0deg; }
    }

    .glow-controls{
      position:absolute;
      top: 12px;
      right: 12px;
      z-index: 4;
      display:flex;
      align-items:center;
      gap:10px;
      padding:8px 10px;
      border-radius: 4px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(8,10,18,.55);
      backdrop-filter: blur(10px);
      box-shadow: 0 10px 28px rgba(0,0,0,.25);
      user-select:none;
      transition: opacity 220ms ease, transform 220ms ease, border-color 160ms ease;
    }
    .glow-controls label{
      font-size: 12px;
      color: rgba(233,237,247,.82);
      letter-spacing:.25px;
      white-space:nowrap;
    }
    .glow-controls select{
      appearance: none;
      border: 1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color: var(--text);
      border-radius: 4px;
      padding: 6px 28px 6px 10px;
      font-size: 12px;
      outline: none;
      cursor: pointer;
    }
    
    .glow-controls select option{
      color:#000;
      background:#fff;
    }
    .glow-controls select:focus{ box-shadow: var(--ring); }
    .glow-controls .caret{
      position: relative;
      margin-left: -22px;
      pointer-events:none;
      opacity:.8;
      font-size: 12px;
    }

    .url-controls{
      position:absolute;
      top: 12px;
      left: 12px;
      z-index: 4;
      display:flex;
      align-items:center;
      gap:10px;
      transition: opacity 220ms ease, transform 220ms ease;
    }
    .player.controls-idle .glow-controls,
    .player.controls-idle .url-controls{
      opacity: 0;
      transform: translateY(-8px);
      pointer-events:none;
    }
    .url-play-btn{
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(8,10,18,.55);
      color: var(--text);
      border-radius: 4px;
      padding: 8px 12px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing:.25px;
      cursor:pointer;
      backdrop-filter: blur(10px);
      box-shadow: 0 10px 28px rgba(0,0,0,.25);
      transition: background 160ms ease, transform 120ms ease, border-color 160ms ease;
    }
    .url-play-btn:hover{
      background: rgba(255,255,255,.09);
      border-color: rgba(255,255,255,.18);
    }
    .url-play-btn:active{ transform: translateY(1px); }
    .url-play-btn:focus{ outline:none; box-shadow: 0 10px 28px rgba(0,0,0,.25), var(--ring); }
    .local-file-input{ display:none; }

    .url-panel{
      position:absolute;
      top: 54px;
      left: 12px;
      z-index: 5;
      width: min(560px, calc(100% - 24px));
      padding: 10px;
      border-radius:4px;
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(8,10,18,.78);
      backdrop-filter: blur(14px);
      box-shadow: 0 16px 38px rgba(0,0,0,.36);
      opacity:0;
      transform: translateY(-8px) scale(.985);
      pointer-events:none;
      transition: opacity 220ms ease, transform 220ms ease;
    }
    .url-panel.active{
      opacity:1;
      transform: translateY(0) scale(1);
      pointer-events:auto;
    }
    .url-form{
      display:flex;
      align-items:center;
      gap:8px;
    }
    .url-form input{
      flex:1 1 auto;
      min-width: 0;
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.06);
      color: var(--text);
      border-radius: 4px;
      padding: 9px 12px;
      font-size: 13px;
      outline:none;
    }
    .url-form input::placeholder{ color: rgba(233,237,247,.55); }
    .url-form input:focus{ box-shadow: var(--ring); }
    .url-form button{
      border:1px solid rgba(255,255,255,.14);
      background: rgba(255,255,255,.07);
      color: var(--text);
      border-radius: 4px;
      padding: 9px 12px;
      font-size: 12px;
      font-weight:700;
      cursor:pointer;
      white-space:nowrap;
    }
    .url-form button:hover{ background: rgba(255,255,255,.11); }
    .url-form .url-close{
      width: 36px;
      padding-left: 0;
      padding-right: 0;
      font-size: 16px;
      line-height: 1;
    }
    .url-status{
      margin:8px 4px 0;
      color: var(--muted);
      font-size: 12px;
      line-height:1.35;
    }
    .url-status.error{ color: #ffb4b4; }
    .url-status.ok{ color: #b8ffd8; }

    @media (max-width: 640px){
      .url-panel{ top: 58px; }
      .url-form{ flex-wrap:wrap; }
      .url-form input{ flex-basis: 100%; }
    }

    .content{
      max-width: var(--maxw);
      margin: 0 auto 60px;
      padding: 0 16px;
      display:grid;
      grid-template-columns:
        clamp(200px, 22vw, var(--rail-w))
        1fr
        clamp(200px, 22vw, var(--rail-w));
      grid-template-areas: "left center right";
      gap: var(--gutter);
    }
    .rail.left  { grid-area: left; }
    .center     { grid-area: center; }
    .rail.right { grid-area: right; }

    @media (max-width: 900px){
      .content{
        grid-template-columns: 1fr;
        grid-template-areas:
          "center"
          "left"
          "right";
      }
    }

    .rail{ display:flex; flex-direction:column; padding: 14px 0; }
    .rail h3{ margin: 0 0 8px; font-size:12px; color:var(--text); letter-spacing:.6px; text-transform:uppercase; }
    .rail.right h3{ text-align:right; }
    #leftRail, #rightRail{ display:flex; flex-direction:column; gap: var(--rail-gap); }

    .video-card{
      background: var(--card);
      border:2px dotted var(--border);
      border-radius: var(--radius);
      overflow:hidden;
      box-shadow: 0 10px 28px rgba(0,0,0,.25);
      cursor:pointer;
      backdrop-filter: blur(10px);
    }
    .video-card:active{ transform: translateY(1px); }
    .video-thumb{
      aspect-ratio:16/9;
      width:100%;
      background: rgba(255,255,255,.03);
      display:grid;
      place-items:center;
      color: var(--muted);
      font-weight:600;
      letter-spacing:.4px;
    }
    .video-meta{ padding:10px 12px; }
    .video-title{ margin:0 0 4px; font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .video-desc{ margin:0; font-size:12px; color:var(--muted); }

    .age-rated-thumbnail{
      position:relative;
    }
    
    .video-age-badge{
      position:absolute;
      right:8px;
      bottom:6px;
      z-index:2;
      display:inline-block;
      padding:0;
      border:0;
      border-radius:0;
      background:none;
      color:#fff;
      box-shadow:none;
      backdrop-filter:none;
      font:900 11px/1 "Clarity City", system-ui, sans-serif;
      letter-spacing:.01em;
      text-transform:none;
      text-shadow:
        -1px -1px 0 #000,  0 -1px 0 #000,  1px -1px 0 #000,
        -1px  0   0 #000,                  1px  0   0 #000,
        -1px  1px 0 #000,  0  1px 0 #000,  1px  1px 0 #000,
         0    0   1px #000;
      pointer-events:none;
    }
    .video-age-meta{
      display:block;
      width:100%;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:clip !important;
      height:1.35em;
      line-height:1.35;
    }
    .video-meta-vertical-track{
      display:flex;
      flex-direction:column;
      transform:translateY(0);
      transition:transform 350ms ease-in-out;
      will-change:transform;
    }
    .video-age-meta-inner{
      display:inline-block;
      min-width:max-content;
      transform:translateX(0);
      transition:transform 1.8s ease-in-out;
      will-change:transform;
    }
    .video-age-meta.is-overflowing .video-age-meta-inner{
      transform:translateX(calc(-1 * var(--age-scroll-distance, 0px)));
    }
    .video-warning-meta-row{
      display:block;
      min-width:max-content;
      color:#ffb4b4;
      font-weight:850;
    }
    .video-age-meta.is-showing-warning .video-meta-vertical-track{transform:translateY(-50%)}
    .video-warning-badge{
      position:absolute;
      left:7px;
      bottom:7px;
      z-index:3;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:24px;
      height:24px;
      border:1px solid rgba(255,255,255,.72);
      border-radius:6px;
      background:rgba(82,8,18,.9);
      color:#fff;
      box-shadow:0 3px 10px rgba(0,0,0,.28);
      font:900 14px/1 "Clarity City",system-ui,sans-serif;
    }
    html[data-theme^="light-"] .video-age-badge{
      color:#fff;
    }
    
    html[data-theme^="light-"] .video-warning-meta-row{
      color:#9a2b2b;
    }
    @media (prefers-reduced-motion:reduce){
      .video-age-meta-inner{ transition:none; }
      .video-age-meta.is-overflowing .video-age-meta-inner{ transform:none; }
      .video-meta-vertical-track{transition:none;transform:none !important}
      .video-age-meta:has(.video-warning-meta-row){height:auto;white-space:normal}
      .video-warning-meta-row{min-width:0;white-space:normal}
    }

    .thumb-title-scroll{
      text-overflow:clip !important;
    }
    .thumb-title-scroll-inner{
      display:inline-block;
      min-width:max-content;
      transform:translateX(0);
      transition:transform 1.8s ease-in-out;
      will-change:transform;
    }
    .thumb-title-scroll.is-title-overflowing .thumb-title-scroll-inner{
      transform:translateX(calc(-1 * var(--title-scroll-distance, 0px)));
    }
    @media (prefers-reduced-motion:reduce){
      .thumb-title-scroll-inner{ transition:none; }
      .thumb-title-scroll.is-title-overflowing .thumb-title-scroll-inner{ transform:none; }
    }

    .mini-player-host{
      position:fixed;
      right:18px;
      bottom:18px;
      width:min(430px,calc(100vw - 28px));
      z-index:1200;
      padding-top:38px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.24);
      border-radius:10px;
      background:rgba(12,15,24,.70);
      box-shadow:0 18px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.12);
      backdrop-filter:blur(20px) saturate(1.25);
      -webkit-backdrop-filter:blur(20px) saturate(1.25);
    }
    .mini-player-host[hidden]{display:none !important}
    .mini-player-host.is-positioned{
      left:0;
      top:0;
      right:auto;
      bottom:auto;
      transform:translate3d(var(--mini-player-x,0px),var(--mini-player-y,0px),0);
    }
    .mini-player-host.is-dragging{
      will-change:transform;
      user-select:none;
      -webkit-user-select:none;
    }
    .mini-player-toolbar{
      position:absolute;
      inset:0 0 auto 0;
      height:38px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:0 6px 0 12px;
      border-bottom:1px solid rgba(255,255,255,.14);
      background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.06));
      color:#fff;
      font-size:12px;
      font-weight:900;
      text-shadow:0 1px 8px rgba(0,0,0,.55);
      cursor:grab;
      touch-action:none;
    }
    .mini-player-host.is-dragging .mini-player-toolbar{cursor:grabbing}
    .mini-player-actions{display:flex;gap:4px}
    .mini-player-toolbar button{
      height:23px;
      border:1px solid rgba(255,255,255,.22);
      border-radius:4px;
      background:rgba(255,255,255,.12);
      color:#fff;
      font:inherit;
      cursor:pointer;
      text-shadow:inherit;
      touch-action:manipulation;
    }
    .mini-player-toolbar button:hover,
    .mini-player-toolbar button:focus{background:rgba(255,255,255,.22);outline:none}
    .mini-player-host .player{width:100%;border-radius:0 0 9px 9px;box-shadow:none}
    .mini-player-host .glow-controls,
    .mini-player-host .url-controls,
    .mini-player-host .language-moderation-badge{display:none !important}
    .mini-player-host .custom-media-controls{
      left:8px;
      right:8px;
      bottom:8px;
      width:auto;
      min-height:42px;
      gap:7px;
      padding:5px 7px;
      transform:none;
      border-radius:6px;
    }
    .mini-player-host .cmc-left,
    .mini-player-host .cmc-right{gap:6px;margin:0}
    .mini-player-host .cmc-time,
    .mini-player-host .cmc-reaction-meter,
    .mini-player-host .cmc-select,
    .mini-player-host .cmc-aspect-wrap,
    .mini-player-host .cmc-cc,
    .mini-player-host .cmc-cast-wrap{display:none !important}
    .mini-player-host .cmc-seek{min-width:0;height:22px}
    .mini-player-host .cmc-btn{
      width:32px;
      height:32px;
      min-width:32px;
    }
    .mini-player-host .cmc-play{flex-basis:32px}
    .mini-player-host .cmc-volume-panel{bottom:calc(100% + 6px)}
    html[data-theme^="light-"] .mini-player-host{
      border-color:rgba(255,255,255,.72);
      background:rgba(244,241,236,.66);
      box-shadow:0 18px 55px rgba(30,24,28,.28),inset 0 1px 0 rgba(255,255,255,.72);
    }
    html[data-theme^="light-"] .mini-player-toolbar{
      border-bottom-color:rgba(30,24,28,.14);
      background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(244,241,236,.62));
      color:var(--text);
      text-shadow:0 1px 8px rgba(255,255,255,.68);
    }
    html[data-theme^="light-"] .mini-player-toolbar button{
      border-color:var(--border);
      background:rgba(255,255,255,.58);
      color:var(--text);
    }
    @media(max-width:640px){
      .mini-player-host{right:8px;bottom:8px;width:calc(100vw - 16px)}
      .mini-player-toolbar{font-size:11px;padding-left:9px}
      .mini-player-toolbar button[data-mini-action="return"]{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    }

    .center{ display:flex; flex-direction:column; gap: var(--gutter); padding-top: 34px; }
    .meta-box{
      border:2px dotted var(--border);
      border-radius:var(--radius);
      background:var(--card);
      box-shadow:0 10px 28px rgba(0,0,0,.25);
      
      padding: 12px 16px 14px;
      backdrop-filter: blur(10px);
    }
    .meta-title-row{ display:flex; align-items:flex-start; gap:10px; flex-wrap:wrap; }
    .meta-title{ flex:1 1 260px; margin:0; font-size:22px; font-weight:900; color: var(--accent); letter-spacing:.3px; line-height:1.15; text-transform:uppercase; }
    .edit-title-btn[hidden]{ display:none !important; }
    .channel-menu-wrap{ position:relative; display:inline-flex; }
    .channel-menu-status{ font-size:12px; color:var(--muted, #9fb0c8); align-self:center; }
    .channel-menu-status:empty{ display:none; }
    .sr-insight-tip{
      position:fixed; z-index:9999; max-width:320px; padding:10px 12px; border-radius:6px;
      background:#07132b; color:#e9f3ff; border:1px solid rgba(255,255,255,.18);
      box-shadow:0 12px 30px rgba(0,0,0,.5); font-size:13px; line-height:1.45; pointer-events:none;
    }
    .sr-insight-tip[hidden]{ display:none !important; }
    .sr-insight-line{ margin:0 0 6px; }
    .sr-insight-line:last-child{ margin-bottom:0; }
    .sr-insight-k{ display:block; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#7fe7ff; margin-bottom:2px; }
    .sr-insight-note{ color:#ffd28a; }
    .channel-menu-wrap[hidden], .channel-menu[hidden]{ display:none !important; }
    .channel-menu-btn{
      border:1px solid var(--border); background:rgba(255,255,255,.06); color:var(--text);
      border-radius:4px; padding:4px 10px; font-size:18px; line-height:1; cursor:pointer;
    }
    .channel-menu-btn:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
    .channel-menu{
      position:absolute; right:0; top:calc(100% + 6px); z-index:50; min-width:240px;
      display:flex; flex-direction:column; padding:6px; gap:2px;
      background:var(--panel, #0b1530); border:1px solid var(--border); border-radius:6px;
      box-shadow:0 10px 28px rgba(0,0,0,.45);
    }
    .channel-menu button{
      text-align:left; background:transparent; border:0; color:var(--text);
      padding:9px 10px; border-radius:4px; cursor:pointer; font:inherit;
    }
    .channel-menu button:hover, .channel-menu button:focus-visible{ background:rgba(255,255,255,.08); outline:none; }
    .edit-title-btn{
      border:1px solid var(--border);
      background:rgba(255,255,255,.06);
      color:var(--text);
      border-radius:4px;
      padding:8px 10px;
      cursor:pointer;
      font-weight:800;
    }
    .edit-title-btn:hover,
    .edit-title-btn:focus{ border-color:var(--accent); color:var(--accent); outline:none; }
    .meta-info-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:8px; }
    .meta-sub{ margin-top:0; color:var(--muted); font-size:14px; }
    .meta-sub-sep{ color:var(--muted); opacity:.45; font-size:14px; }
    #metaSub.meta-sub-profile-link{
      cursor:pointer;
      color:var(--text);
      font-weight:700;
      text-decoration:underline;
      text-decoration-color:transparent;
      text-underline-offset:3px;
      transition:text-decoration-color 140ms ease, color 140ms ease;
    }
    #metaSub.meta-sub-profile-link:hover,
    #metaSub.meta-sub-profile-link:focus{
      text-decoration-color:currentColor;
      color:var(--accent, var(--text));
      outline:none;
    }
    .meta-actions-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .ai-disclosure-badge{
      display:inline-flex;
      align-items:center;
      min-height:36px;
      padding:0 11px;
      border-radius:4px;
      font-weight:900;
      font-size:11px;
      letter-spacing:.03em;
      text-transform:uppercase;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.05);
      color:var(--muted);
      cursor:pointer;
    }
    .ai-disclosure-badge:hover:not(:disabled),
    .ai-disclosure-badge:focus-visible{
      filter:brightness(1.18);
      outline:none;
    }
    .ai-disclosure-badge:disabled{
      cursor:default;
    }
    .ai-disclosure-badge[data-challenged="true"]{
      border-color:rgba(180,180,200,.34);
      background:rgba(180,180,200,.12);
      color:#c7c9d6;
      opacity:.9;
    }
    .ai-disclosure-badge[data-level="no_ai"]{
      border-color:rgba(119,214,154,.32);
      background:rgba(119,214,154,.10);
      color:#77d69a;
    }
    .ai-disclosure-badge[data-level="some_ai"]{
      border-color:rgba(255,196,90,.36);
      background:rgba(255,196,90,.10);
      color:#ffc45a;
    }
    .ai-disclosure-badge[data-level="ai"]{
      border-color:rgba(255,138,138,.36);
      background:rgba(255,138,138,.10);
      color:#ff8a8a;
    }
    html[data-theme^="light-"] .ai-disclosure-badge{
      border-color:var(--glass-outline);
      background:rgba(255,255,255,.6);
    }
    .official-business-badge{
      display:inline-flex;
      align-items:center;
      gap:5px;
      min-height:36px;
      padding:0 11px;
      border-radius:4px;
      font-weight:900;
      font-size:11px;
      letter-spacing:.02em;
      border:1px solid rgba(255,196,90,.40);
      background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.14), transparent 42%),
        rgba(255,196,90,.12);
      color:#ffc45a;
    }
    .official-business-badge svg{ display:block; flex:0 0 auto; }
    html[data-theme^="light-"] .official-business-badge{
      border-color:rgba(200,140,20,.42);
      background:rgba(255,196,90,.18);
      color:#8a5a00;
    }
    .ai-challenge-toast{
      position:fixed;
      left:50%;
      bottom:32px;
      transform:translate(-50%, 12px);
      z-index:9999;
      max-width:min(360px, calc(100vw - 32px));
      padding:12px 16px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(180deg, rgba(10,14,24,.96), rgba(6,9,16,.98));
      color:#f4f8ff;
      font-size:13px;
      font-weight:700;
      line-height:1.4;
      text-align:center;
      box-shadow:0 20px 50px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.04);
      backdrop-filter:blur(14px) saturate(1.05);
      opacity:0;
      transition:opacity 180ms ease, transform 180ms ease;
      pointer-events:none;
    }
    .ai-challenge-toast.is-visible{
      opacity:1;
      transform:translate(-50%, 0);
    }
    html[data-theme^="light-"] .ai-challenge-toast{
      color:var(--text);
      border-color:var(--glass-outline);
      background:linear-gradient(180deg, rgba(255,255,255,.96), var(--glass-strong));
      box-shadow:0 12px 32px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.5);
    }
    .view-count-btn{
      border:1px solid rgba(138,174,217,.22);
      background:rgba(138,174,217,.08);
      color:var(--text);
      border-radius:4px;
      padding:8px 11px;
      cursor:pointer;
      font-weight:900;
      font-size:12px;
      letter-spacing:.02em;
      min-height:36px;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .view-count-btn[disabled]{
      cursor:not-allowed;
      opacity:.56;
      border-color:var(--border);
      background:rgba(255,255,255,.035);
    }
    .view-count-btn:not([disabled]):hover,
    .view-count-btn:not([disabled]):focus{
      background:rgba(138,174,217,.14);
      border-color:rgba(138,174,217,.40);
      outline:none;
    }
    .add-streamr-btn{
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.055);
      color:var(--text);
      border-radius:4px;
      padding:8px 12px;
      cursor:pointer;
      font-weight:900;
      font-size:12px;
      letter-spacing:.02em;
      min-height:36px;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .add-streamr-btn.is-added-streamr{
      border-color:rgba(138,174,217,.42);
      background:rgba(138,174,217,.16);
    }
    .add-streamr-btn[disabled]{
      cursor:not-allowed;
      opacity:.56;
      border-color:var(--border);
      background:rgba(255,255,255,.035);
    }
    .add-streamr-btn:not([disabled]):hover,
    .add-streamr-btn:not([disabled]):focus{
      background:rgba(138,174,217,.14);
      border-color:rgba(138,174,217,.40);
      outline:none;
    }
    .add-streamr-btn img{
      width:18px;
      height:18px;
      object-fit:contain;
      display:block;
      flex:0 0 auto;
    }
    .add-streamr-btn span{
      line-height:1;
    }
    .share-video-btn{
      border:1px solid rgba(138,174,217,.28);
      background:rgba(138,174,217,.10);
      color:var(--text);
      border-radius:4px;
      padding:8px 12px;
      cursor:pointer;
      font-weight:900;
      font-size:12px;
      letter-spacing:.02em;
      min-height:36px;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .share-video-btn[disabled]{
      cursor:not-allowed;
      opacity:.56;
      border-color:var(--border);
      background:rgba(255,255,255,.035);
    }
    .share-video-btn:not([disabled]):hover,
    .share-video-btn:not([disabled]):focus{
      background:rgba(138,174,217,.16);
      border-color:rgba(138,174,217,.48);
      outline:none;
    }
    .share-video-btn span{ line-height:1; }
    .report-btn{
      border:1px solid rgba(255,80,120,.24);
      background:rgba(255,80,120,.08);
      color:var(--text);
      border-radius:4px;
      padding:8px 12px;
      cursor:pointer;
      font-weight:900;
      font-size:12px;
      letter-spacing:.02em;
      min-height:36px;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .report-btn[disabled]{
      cursor:not-allowed;
      opacity:.56;
      border-color:var(--border);
      background:rgba(255,255,255,.035);
    }
    .report-btn:not([disabled]):hover,
    .report-btn:not([disabled]):focus{
      background:rgba(255,80,120,.14);
      border-color:rgba(255,80,120,.42);
      outline:none;
    }
    .report-btn span{
      line-height:1;
    }

    .add-to-playlist-btn{
      border:1px solid rgba(119,214,154,.30);
      background:rgba(119,214,154,.10);
      color:var(--text);
      border-radius:4px;
      padding:8px 12px;
      cursor:pointer;
      font-weight:900;
      font-size:12px;
      letter-spacing:.02em;
      min-height:36px;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .add-to-playlist-btn[disabled]{
      cursor:not-allowed;
      opacity:.56;
      border-color:var(--border);
      background:rgba(255,255,255,.035);
    }
    .add-to-playlist-btn:not([disabled]):hover,
    .add-to-playlist-btn:not([disabled]):focus{
      background:rgba(119,214,154,.18);
      border-color:rgba(119,214,154,.5);
      outline:none;
    }
    .add-to-playlist-btn span{ line-height:1; }

    .about-video-btn{
      border:1px solid rgba(138,174,217,.28);
      background:rgba(138,174,217,.10);
      color:var(--text);
      border-radius:4px;
      padding:8px 12px;
      cursor:pointer;
      font-weight:900;
      font-size:12px;
      letter-spacing:.02em;
      min-height:36px;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .about-video-btn:hover,
    .about-video-btn:focus{
      background:rgba(138,174,217,.16);
      border-color:rgba(138,174,217,.48);
      outline:none;
    }
    .about-video-btn.is-active{
      background:rgba(138,174,217,.22);
      border-color:rgba(138,174,217,.56);
    }
    .about-video-panel{
      margin-top:14px;
      padding-top:14px;
      border-top:2px dotted var(--border);
    }
    .about-video-panel h3{ margin:0 0 8px; font-size:18px; }

    .report-modal-backdrop{
      position:fixed;
      inset:0;
      z-index:7000;
      display:grid;
      place-items:center;
      padding:24px;
      background:
        radial-gradient(900px 560px at 22% 12%, rgba(100,140,190,.24), transparent 58%),
        radial-gradient(780px 520px at 82% 74%, rgba(138,174,217,.18), transparent 60%),
        rgba(2,4,10,.76);
      backdrop-filter: blur(16px);
    }
    .report-modal-backdrop[hidden]{
      display:none !important;
    }
    .report-modal{
      width:min(620px, calc(100vw - 32px));
      max-height:calc(100vh - 48px);
      overflow:auto;
      border:2px dotted rgba(255,255,255,.14);
      border-radius:4px;
      background:
        radial-gradient(680px 260px at 18% 0%, rgba(255,80,120,.14), transparent 62%),
        radial-gradient(620px 260px at 92% 8%, rgba(138,174,217,.13), transparent 62%),
        linear-gradient(180deg, rgba(16,20,34,.96), rgba(7,10,18,.98));
      box-shadow:
        0 30px 100px rgba(0,0,0,.58),
        inset 0 0 0 1px rgba(255,255,255,.035);
      color:var(--text);
    }
    .report-modal-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      padding:24px 24px 16px;
      border-bottom:1px solid rgba(255,255,255,.09);
    }
    .report-modal-eyebrow{
      margin:0 0 8px;
      color:rgba(233,237,247,.62);
      font-size:11px;
      font-weight:950;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .report-modal-title{
      margin:0;
      font-size:clamp(26px, 4vw, 38px);
      line-height:.98;
      letter-spacing:-.05em;
      text-transform:uppercase;
    }
    .report-modal-close{
      width:40px;
      height:40px;
      min-width:40px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:4px;
      background:rgba(255,255,255,.06);
      color:var(--text);
      cursor:pointer;
      display:grid;
      place-items:center;
      font-size:24px;
      line-height:1;
      font-weight:800;
    }
    .report-modal-close:hover,
    .report-modal-close:focus{
      border-color:rgba(255,80,120,.42);
      background:rgba(255,80,120,.12);
      outline:none;
    }
    .report-modal-body{
      padding:20px 24px 24px;
    }
    .report-target-card{
      border:2px dotted rgba(255,255,255,.10);
      border-radius:4px;
      background:rgba(255,255,255,.045);
      padding:14px;
      margin-bottom:16px;
    }
    .report-target-label{
      display:block;
      color:rgba(233,237,247,.58);
      font-size:11px;
      font-weight:950;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:4px;
    }
    .report-target-title{
      font-weight:950;
      overflow-wrap:anywhere;
      margin-bottom:4px;
    }
    .report-target-meta{
      color:rgba(233,237,247,.68);
      font-size:13px;
      overflow-wrap:anywhere;
    }
    .report-field{
      margin:0 0 14px;
    }
    .report-field label{
      display:block;
      margin:0 0 7px;
      color:rgba(233,237,247,.76);
      font-size:12px;
      font-weight:950;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .report-field select,
    .report-field textarea{
      width:100%;
      border:1px solid rgba(255,255,255,.13);
      border-radius:4px;
      background:rgba(255,255,255,.055);
      color:var(--text);
      padding:12px;
      outline:none;
      font:inherit;
    }
    .report-field select:focus,
    .report-field textarea:focus{
      border-color:rgba(138,174,217,.36);
      box-shadow:var(--ring);
    }
    .report-field select option{
      color:#111;
    }
    .report-field textarea{
      min-height:112px;
      resize:vertical;
      line-height:1.45;
    }
    .report-help{
      margin:7px 0 0;
      color:rgba(233,237,247,.58);
      font-size:12px;
      line-height:1.45;
    }
    .report-modal-actions{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
      margin-top:18px;
    }
    .report-modal-secondary,
    .report-modal-submit{
      border:1px solid rgba(255,255,255,.14);
      border-radius:4px;
      padding:11px 16px;
      font-weight:950;
      cursor:pointer;
      color:var(--text);
    }
    .report-modal-secondary{
      background:rgba(255,255,255,.06);
    }
    .report-modal-submit{
      border-color:rgba(255,80,120,.36);
      background:
        radial-gradient(120% 100% at 22% 0%, rgba(255,255,255,.18), transparent 40%),
        linear-gradient(135deg, rgba(255,80,120,.34), rgba(100,140,190,.24) 58%, rgba(138,174,217,.16));
      box-shadow:0 14px 34px rgba(0,0,0,.28);
    }
    .report-modal-submit:hover,
    .report-modal-submit:focus{
      border-color:rgba(255,80,120,.52);
      background:
        radial-gradient(120% 100% at 22% 0%, rgba(255,255,255,.22), transparent 40%),
        linear-gradient(135deg, rgba(255,80,120,.42), rgba(100,140,190,.28) 58%, rgba(138,174,217,.20));
      outline:none;
    }
    .report-modal-submit:disabled,
    .report-modal-secondary:disabled{
      opacity:.56;
      cursor:not-allowed;
    }
    .report-modal-message{
      min-height:20px;
      margin:12px 0 0;
      color:rgba(233,237,247,.72);
      font-size:13px;
      line-height:1.45;
    }
    .report-modal-message.is-error{
      color:#ffd8dc;
    }
    .report-modal-message.is-success{
      color:#d9ffe9;
    }

    .playlist-modal-backdrop{
      position:fixed;
      inset:0;
      z-index:7000;
      display:grid;
      place-items:center;
      padding:24px;
      background:rgba(8,8,10,.55);
    }
    .playlist-modal-backdrop[hidden]{
      display:none !important;
    }
    .playlist-modal{
      width:min(560px, calc(100vw - 32px));
      max-height:calc(100vh - 48px);
      overflow:auto;
      border:1px solid var(--border);
      border-radius:var(--radius,4px);
      background:var(--bg2);
      box-shadow:var(--shadow);
      color:var(--text);
    }
    .playlist-modal-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      padding:22px 22px 14px;
      border-bottom:1px solid var(--border);
    }
    .playlist-modal-eyebrow{
      margin:0 0 8px;
      color:var(--muted);
      font-size:11px;
      font-weight:950;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .playlist-modal-title{
      margin:0;
      font-size:clamp(22px, 3.2vw, 32px);
      line-height:1;
      letter-spacing:-.04em;
      text-transform:uppercase;
      color:var(--text);
    }
    .playlist-modal-close{
      width:38px;
      height:38px;
      min-width:38px;
      border:1px solid var(--border);
      border-radius:var(--radius,4px);
      background:var(--card);
      color:var(--text);
      cursor:pointer;
      display:grid;
      place-items:center;
      font-size:22px;
      line-height:1;
      font-weight:800;
    }
    .playlist-modal-close:hover,
    .playlist-modal-close:focus{
      border-color:var(--accent);
      color:var(--accent);
      outline:none;
    }
    .playlist-modal-body{
      padding:18px 22px 22px;
    }
    .playlist-modal-help{
      margin:7px 0 0;
      color:var(--muted);
      font-size:12px;
      line-height:1.45;
    }
    .playlist-modal-message{
      min-height:20px;
      margin:0 0 14px;
      color:var(--muted);
      font-size:13px;
      font-weight:800;
      line-height:1.45;
    }
    .playlist-modal-message.is-error{
      color:#c0405a;
    }
    .playlist-modal-message.is-success{
      color:#2f9e5b;
    }
    .playlist-list-card{
      border:1px solid var(--border);
      border-radius:var(--radius,4px);
      background:var(--card);
      padding:6px;
      margin-bottom:16px;
    }
    .playlist-list-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:10px 8px;
    }
    .playlist-list-row + .playlist-list-row{
      border-top:1px solid var(--border);
    }
    .playlist-list-row-name{
      font-weight:800;
      overflow-wrap:anywhere;
      color:var(--text);
    }
    .playlist-field{
      margin:0 0 14px;
    }
    .playlist-field label{
      display:block;
      margin:0 0 7px;
      color:var(--muted);
      font-size:12px;
      font-weight:950;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .playlist-field-row{
      display:flex;
      gap:8px;
    }
    .playlist-field input[type="text"]{
      flex:1;
      border:1px solid var(--border);
      border-radius:var(--radius,4px);
      background:var(--card);
      color:var(--text);
      padding:9px 11px;
      font:inherit;
      outline:none;
    }
    .playlist-field input[type="text"]:focus{
      border-color:var(--accent);
      box-shadow:var(--ring);
    }
    .playlist-modal-actions{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
      margin-top:18px;
    }
    .playlist-modal-secondary,
    .playlist-modal-submit,
    .playlist-add-btn{
      border:1px solid var(--border);
      border-radius:var(--radius,4px);
      padding:10px 15px;
      font-weight:900;
      cursor:pointer;
      color:var(--text);
      background:var(--card);
    }
    .playlist-modal-secondary:hover,
    .playlist-modal-secondary:focus,
    .playlist-modal-submit:hover,
    .playlist-modal-submit:focus,
    .playlist-add-btn:hover,
    .playlist-add-btn:focus{
      border-color:var(--accent);
      color:var(--accent);
      outline:none;
    }
    .playlist-modal-submit:disabled,
    .playlist-modal-secondary:disabled,
    .playlist-add-btn:disabled{
      opacity:.56;
      cursor:not-allowed;
    }

    .account-type-field{
      width:100%;
      margin:0 0 8px;
      border:1px solid var(--border);
      border-radius:4px;
      padding:10px 12px;
      background:rgba(255,255,255,.02);
      color:var(--text);
    }
    .account-type-field option{
      background:#101522;
      color:var(--text);
    }
    .business-name-wrap[hidden]{
      display:none !important;
    }
    .upload-type-panel{
      margin:0 0 12px;
      padding:12px;
      border:2px dotted rgba(255,255,255,.10);
      border-radius:4px;
      background:rgba(255,255,255,.035);
    }
    .upload-type-panel[hidden]{
      display:none !important;
    }
    .upload-type-panel label{
      display:block;
      margin:0 0 6px;
      color:rgba(233,237,247,.78);
      font-size:12px;
      font-weight:900;
      letter-spacing:.05em;
      text-transform:uppercase;
    }
    .upload-type-panel select{
      width:100%;
      min-height:42px;
      border:1px solid var(--border);
      border-radius:4px;
      padding:9px 12px;
      background:rgba(255,255,255,.02);
      color:var(--deep-text, var(--text));
      outline:none;
    }
    .upload-type-panel select:focus{
      border-color:rgba(138,174,217,.34);
      box-shadow:var(--ring);
    }
    .upload-type-panel option{
      background:#101522;
      color:var(--deep-text, var(--text));
    }
    .upload-type-note{
      margin:8px 0 0;
      color:color-mix(in srgb, var(--deep-text, var(--text)) 70%, transparent);
      font-size:13px;
      line-height:1.4;
    }

    .card{
      background: var(--card);
      border:2px dotted var(--border);
      border-radius: var(--radius);
      box-shadow: 0 10px 28px rgba(0,0,0,.25);
      padding: 18px;
      backdrop-filter: blur(10px);
    }
    .card h3{ margin:0 0 8px; font-size:18px; }
    .muted{ color:var(--muted); }

    .comments-list{ display:flex; flex-direction:column; gap:12px; margin: 12px 0 0; padding:0; list-style:none; }
    .comment{ padding:12px; background: rgba(255,255,255,.03); border:1px dashed var(--border); border-radius:4px; }
    .comment small{ color:var(--muted); display:block; margin-top:6px; }
    .comment-delete{
      margin-top:8px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.055);
      color:var(--text);
      border-radius:4px;
      padding:6px 9px;
      cursor:pointer;
      font-size:12px;
      font-weight:800;
    }
    .comment-delete:hover,
    .comment-delete:focus{
      background:rgba(255,74,91,.14);
      border-color:rgba(255,74,91,.28);
      outline:none;
    }
    .comment-empty{
      color:var(--muted);
      font-style:italic;
    }

    .comment-form{ display:flex; gap:10px; margin-top:12px; }
    .comment-form input{
      flex:1 1 auto;
      border:1px solid var(--border);
      border-radius:4px;
      padding:10px 12px;
      background: rgba(255,255,255,.02);
      color:var(--text);
      outline:none;
    }
    .comment-form input::placeholder{ color: rgba(233,237,247,.55); }
    .comment-form button{
      border:1px solid var(--border);
      background: rgba(255,255,255,.06);
      color: var(--text);
      border-radius:4px;
      padding:10px 14px;
      cursor:pointer;
    }
    .comment-form button:hover{ background: rgba(255,255,255,.10); }

    .spacer{ height:80px; }

    .overlay{
      position:fixed; left:0; right:0; top:var(--panel-top); bottom:0;
      background: rgba(0,0,0,.55);
      opacity:0; pointer-events:none;
      transition: opacity var(--panel-speed) ease; z-index:2400;
    }
    .overlay.active{ opacity:1; pointer-events:auto; }
    
    .overlay.no-dim{ background: transparent; }

    .profile-lite-box{
      position:fixed;
      top:max(90px, var(--panel-top, 90px));
      right:max(4vw, 24px);
      width:min(600px, 92vw);
      max-height:min(78vh, 640px);
      overflow-y:auto;
      background: rgba(8, 10, 18, 0.96);
      color:var(--text);
      border-radius:16px;
      box-shadow:0 18px 40px rgba(0,0,0,.4);
      z-index:2600;
      padding:0 0 14px;
    }
    .profile-lite-box[hidden]{ display:none; }
    .profile-lite-box.is-dragging{ user-select:none; }
    .profile-lite-box .close-btn{
      position:absolute;
      top:8px; right:8px;
      z-index:2;
      width:32px; height:32px;
      border-radius:50%;
      border:1px solid var(--border);
      background:rgba(0,0,0,.45);
      color:var(--deep-text, var(--text));
      font-size:18px; line-height:1;
      cursor:pointer;
    }
    .profile-lite-banner{
      height:88px;
      border-radius:16px 16px 0 0;
      background:linear-gradient(135deg, var(--accent), var(--deep));
      background-size:cover;
      background-position:center;
      cursor:grab;
      touch-action:none;
    }
    .profile-lite-box.is-dragging .profile-lite-banner{ cursor:grabbing; }
    .profile-lite-header{
      display:flex;
      align-items:flex-end;
      flex-direction:row-reverse;
      gap:10px;
      padding:0 14px;
      margin-top:-30px;
    }
    .profile-lite-avatar{
      width:60px; height:60px;
      border-radius:50%;
      object-fit:cover;
      background:var(--glass-strong, #1d2d38);
      border:3px solid rgba(8,10,18,.96);
    }
    .profile-lite-name{
      border:0; background:none; cursor:pointer;
      color:var(--text);
      font-weight:800;
      font-size:15px;
      padding:14px 0 0;
      text-align:left;
    }
    .profile-lite-name:hover, .profile-lite-name:focus{
      text-decoration:underline;
      color:var(--accent, var(--text));
      outline:none;
    }
    
    .profile-lite-body{
      display:flex;
      align-items:flex-start;
      gap:10px;
      padding:14px 14px 0;
    }
    .profile-lite-largest{
      flex:1 1 58%;
      min-width:0;
    }
    .profile-lite-largest-card{
      display:flex;
      width:100%;
      border:0;
      border-radius:10px;
      aspect-ratio:16/9;
      background:#1d2d38;
      color:var(--text);
      cursor:pointer;
      align-items:flex-end;
      padding:8px;
      text-align:left;
    }
    .profile-lite-largest-title{
      font-weight:800;
      font-size:13px;
      color:#fff;
      background:rgba(0,0,0,.5);
      padding:4px 8px;
      border-radius:6px;
    }
    .profile-lite-empty{
      margin:0;
      padding:8px 0;
      color:var(--muted);
      font-size:13px;
    }
    .profile-lite-grid{
      flex:1 1 42%;
      min-width:0;
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      grid-template-rows:repeat(2, 1fr);
      gap:6px;
    }
    .profile-lite-thumb{
      border:0;
      border-radius:8px;
      aspect-ratio:16/9;
      background:#1d2d38;
      color:var(--text);
      cursor:pointer;
      display:flex;
      align-items:flex-end;
      padding:5px;
      text-align:left;
    }
    .profile-lite-thumb-title{
      font-size:10px;
      font-weight:700;
      color:#fff;
      background:rgba(0,0,0,.5);
      padding:2px 5px;
      border-radius:5px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      max-width:100%;
    }
    .profile-lite-box.is-loading .profile-lite-grid,
    .profile-lite-box.is-loading .profile-lite-largest{
      opacity:.5;
    }

    html[data-theme^="light-"] .profile-lite-box{
      color:var(--text);
      border:1px solid var(--glass-outline);
      background:
        radial-gradient(320px 160px at 18% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 62%),
        radial-gradient(280px 160px at 100% 100%, color-mix(in srgb, var(--deep) 8%, transparent), transparent 64%),
        linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, white), var(--card));
      box-shadow:0 18px 40px color-mix(in srgb, var(--deep) 20%, transparent), inset 0 0 0 1px rgba(255,255,255,.55);
    }
    html[data-theme^="light-"] .profile-lite-box .close-btn{
      color:var(--text);
      border-color:var(--glass-outline);
      background:var(--glass-strong);
    }
    html[data-theme^="light-"] .profile-lite-box .close-btn:hover,
    html[data-theme^="light-"] .profile-lite-box .close-btn:focus-visible{
      color:var(--text);
      border-color:var(--accent);
      background:var(--glass-hover);
    }
    html[data-theme^="light-"] .profile-lite-avatar{
      background:var(--glass-strong, #1d2d38);
      border-color:var(--card, #fff);
    }
    html[data-theme^="light-"] .profile-lite-largest-card,
    html[data-theme^="light-"] .profile-lite-thumb{
      background:var(--glass-strong, #1d2d38);
    }
    html[data-theme^="light-"] .profile-lite-empty{
      color:var(--muted);
    }

    .tab-panel{
      position:fixed; left:var(--panel-inset); right:calc(var(--panel-inset) + var(--scrollbar-w, 0px)); top:var(--panel-top); bottom:var(--panel-inset);
      background: rgba(8, 10, 18, 0.92);
      color:var(--text);
      border-radius:var(--panel-radius);
      box-shadow:0 18px 40px rgba(0,0,0,.35);
      z-index:2500;

      clip-path: inset(0 0 100% 0 round var(--panel-radius));
      transform: translateY(-8px) scale(.995);
      opacity:0; pointer-events:none;

      transition:
        clip-path var(--panel-speed) ease,
        opacity   var(--panel-speed) ease,
        transform var(--panel-speed) ease;
      will-change: clip-path, opacity, transform;
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,.08);
    }
    .tab-panel.active{
      clip-path: inset(0 0 0 0 round var(--panel-radius));
      transform: translateY(0) scale(1);
      opacity:1; pointer-events:auto;
    }
    
    #exclusive.tab-panel,
    #sixties.tab-panel,
    #video.tab-panel,
    #live.tab-panel{
      left: max(var(--panel-inset), 8vw);
      right: max(calc(var(--panel-inset) + var(--scrollbar-w, 0px)), 8vw);
    }
    @media (max-width: 760px){
      #exclusive.tab-panel,
      #sixties.tab-panel,
      #video.tab-panel,
      #live.tab-panel{
        left: var(--panel-inset);
        right: calc(var(--panel-inset) + var(--scrollbar-w, 0px));
      }
    }
    .tab-panel .inner{ padding:32px; opacity:0; transition: opacity 220ms ease 180ms; }
    .tab-panel.active .inner{ opacity:1; }
    .close-btn{
      position:absolute; top:12px; right:12px;
      border:1px solid var(--border);
      background: rgba(255,255,255,.06);
      color: var(--text);
      border-radius:4px;
      padding:6px 10px;
      cursor:pointer;
    }
    .close-btn:hover{ background: rgba(255,255,255,.10); }

    .overlay.account-overlay{
      background: rgba(0,0,0,.32);
      backdrop-filter: blur(2px);
    }
    .account-panel,
    .upload-panel{
      left:auto;
      right:calc(clamp(12px, 4vw, 46px) + var(--scrollbar-w, 0px));
      bottom:auto;
      width:min(440px, calc(100vw - 24px));
      max-height:calc(100vh - var(--panel-top) - var(--panel-inset));
      overflow-y:auto;
      border-radius:4px;
      background:
        radial-gradient(420px 180px at 20% 0%, rgba(138,174,217,.12), transparent 62%),
        radial-gradient(380px 180px at 100% 100%, rgba(228,179,185,.12), transparent 64%),
        linear-gradient(180deg, rgba(8,10,18,.94), rgba(8,10,18,.88));
      box-shadow:0 22px 54px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.04);
      clip-path: inset(0 0 100% 0 round var(--panel-radius));
      transform: translate3d(14px, -8px, 0) scale(.985);
      
      color:var(--deep-text, var(--text));
    }
    .account-panel.active,
    .upload-panel.active{
      clip-path: inset(0 0 0 0 round var(--panel-radius));
      transform: translate3d(0, 0, 0) scale(1);
    }
    .account-panel .inner,
    .upload-panel .inner{
      padding:28px 22px 22px;
    }
    .account-panel h2,
    .upload-panel h2{
      margin:0 42px 16px 0 !important;
      font-size:24px;
      line-height:1;
    }
    .account-panel .card,
    .upload-panel .card{
      max-width:none !important;
      width:100%;
      margin-top:14px !important;
      padding:16px;
      border-radius:4px;
      background:
        radial-gradient(320px 120px at 12% 0%, rgba(138,174,217,.08), transparent 64%),
        rgba(255,255,255,.045);
    }
    .account-panel .card:first-of-type,
    .upload-panel .card:first-of-type{ margin-top:0 !important; }
    .account-panel input,
    .upload-panel input{
      min-height:44px;
    }
    .account-panel button[type="submit"],
    .upload-panel button[type="button"]{
      width:100%;
      min-height:42px;
      margin-top:2px;
    }
    .account-panel{
      width:min(520px, calc(100vw - 24px));
    }
    .upload-panel{
      width:min(
        660px,
        calc(100vw - clamp(12px, 4vw, 46px) - var(--scrollbar-w, 0px) - var(--panel-inset))
      );
    }
    .account-panel .inner{
      padding:20px 18px 16px;
    }
    .account-panel h2{
      margin-bottom:12px !important;
    }
    .account-panel .card{
      padding:14px;
    }
    .account-panel input{
      min-height:40px;
    }
    #accountAuthForms{
      display:block;
    }
    #accountAuthForms .account-auth-card{
      margin-top:0 !important;
    }
    .account-auth-tabs{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:4px;
      padding:4px;
      margin-bottom:12px;
      border:2px dotted var(--border);
      border-radius:4px;
      background:rgba(255,255,255,.025);
    }
    .account-panel .account-auth-tab{
      min-width:0;
      min-height:42px;
      padding:8px 10px;
      border:1px solid transparent;
      border-radius:4px;
      background:transparent;
      color:var(--muted);
      font-weight:800;
      cursor:pointer;
      transition:background 160ms ease, color 160ms ease, border-color 160ms ease;
    }
    .account-panel .account-auth-tab:hover{
      color:var(--text);
      background:rgba(255,255,255,.06);
    }
    .account-panel .account-auth-tab.active{
      color:#10151d;
      background:#FFFFFF;
      border-color:#FFFFFF;
    }
    .account-panel .account-auth-tab:focus-visible{
      outline:none;
      box-shadow:var(--ring);
    }
    .account-auth-pane[hidden]{
      display:none !important;
    }
    .account-management-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:stretch;
    }
    .account-management-link{
      border-radius:4px;
      border-color:#FFFFFF;
      background:#FFFFFF;
      color:#10151d;
      box-shadow:none;
    }

    html[data-theme^="light-"] .account-panel{
      color:var(--text);
      border-color:var(--glass-outline);
      background:
        radial-gradient(420px 180px at 20% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 62%),
        radial-gradient(380px 180px at 100% 100%, color-mix(in srgb, var(--deep) 8%, transparent), transparent 64%),
        linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, white), var(--card));
      box-shadow:0 22px 54px color-mix(in srgb, var(--deep) 20%, transparent), inset 0 0 0 1px rgba(255,255,255,.55);
    }
    html[data-theme^="light-"] .account-panel .card{
      color:var(--text);
      border-color:var(--glass-outline);
      background:
        radial-gradient(320px 120px at 12% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 64%),
        var(--glass);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
    }
    html[data-theme^="light-"] .account-panel .close-btn{
      color:var(--text);
      border-color:var(--glass-outline);
      background:var(--glass-strong);
    }
    html[data-theme^="light-"] .account-panel .close-btn:hover,
    html[data-theme^="light-"] .account-panel .close-btn:focus-visible{
      color:var(--text);
      border-color:var(--accent);
      background:var(--glass-hover);
    }
    html[data-theme^="light-"] .account-auth-tabs{
      border-color:var(--glass-outline);
      background:var(--ink-wash);
    }
    html[data-theme^="light-"] .account-panel .account-auth-tab{
      color:var(--muted);
    }
    html[data-theme^="light-"] .account-panel .account-auth-tab:hover{
      color:var(--text);
      background:var(--glass-hover);
    }
    html[data-theme^="light-"] .account-panel .account-auth-tab.active{
      color:var(--deep-text);
      border-color:var(--accent);
      background:linear-gradient(135deg, var(--accent), var(--deep));
    }
    html[data-theme^="light-"] .account-panel :is(input, select){
      color:var(--text) !important;
      border-color:var(--glass-outline) !important;
      background:var(--glass-strong) !important;
      color-scheme:light;
    }
    html[data-theme^="light-"] .account-panel :is(input, select)::placeholder{
      color:var(--muted);
      opacity:1;
    }
    html[data-theme^="light-"] .account-panel :is(input, select):focus{
      border-color:var(--accent) !important;
      outline:none;
      box-shadow:var(--ring);
    }
    html[data-theme^="light-"] .account-panel select option{
      color:var(--text);
      background:var(--card);
    }
    html[data-theme^="light-"] .account-panel button[type="submit"]{
      color:var(--deep-text) !important;
      border-color:var(--accent) !important;
      background:linear-gradient(135deg, var(--accent), var(--deep)) !important;
    }
    html[data-theme^="light-"] .account-panel button[type="submit"]:hover,
    html[data-theme^="light-"] .account-panel button[type="submit"]:focus-visible{
      filter:brightness(1.08);
      box-shadow:var(--ring);
    }
    html[data-theme^="light-"] .account-panel .account-management-link{
      color:var(--deep-text);
      border-color:var(--accent);
      background:linear-gradient(135deg, var(--accent), var(--deep));
    }
    html[data-theme^="light-"] .account-panel #accountLogoutBtn{
      color:var(--text) !important;
      border-color:var(--glass-outline) !important;
      background:var(--glass-strong) !important;
    }

    html[data-theme^="light-"] .upload-panel{
      color:var(--text);
      border-color:var(--glass-outline);
      background:
        radial-gradient(420px 180px at 20% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 62%),
        radial-gradient(380px 180px at 100% 100%, color-mix(in srgb, var(--deep) 8%, transparent), transparent 64%),
        linear-gradient(180deg, color-mix(in srgb, var(--card) 96%, white), var(--card));
      box-shadow:0 22px 54px color-mix(in srgb, var(--deep) 20%, transparent), inset 0 0 0 1px rgba(255,255,255,.55);
    }
    html[data-theme^="light-"] .upload-panel .card{
      color:var(--text);
      border-color:var(--glass-outline);
      background:
        radial-gradient(320px 120px at 12% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 64%),
        var(--glass);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
    }
    html[data-theme^="light-"] .upload-panel .close-btn{
      color:var(--text);
      border-color:var(--glass-outline);
      background:var(--glass-strong);
    }
    html[data-theme^="light-"] .upload-panel .close-btn:hover,
    html[data-theme^="light-"] .upload-panel .close-btn:focus-visible{
      color:var(--text);
      border-color:var(--accent);
      background:var(--glass-hover);
    }
    html[data-theme^="light-"] .upload-manage-link{
      color:var(--deep-text);
      border-color:var(--accent);
      background:linear-gradient(135deg, var(--accent), var(--deep));
    }
    html[data-theme^="light-"] .upload-manage-link:hover,
    html[data-theme^="light-"] .upload-manage-link:focus{
      filter:brightness(1.08);
      box-shadow:var(--ring);
    }
    html[data-theme^="light-"] .upload-settings-tabs{
      border-color:var(--glass-outline);
      background:var(--ink-wash);
    }
    html[data-theme^="light-"] .upload-panel .upload-settings-tab{
      color:var(--muted);
    }
    html[data-theme^="light-"] .upload-panel .upload-settings-tab:hover{
      color:var(--text);
      background:var(--glass-hover);
    }
    html[data-theme^="light-"] .upload-panel .upload-settings-tab.active{
      color:var(--deep-text);
      border-color:var(--accent);
      background:linear-gradient(135deg, var(--accent), var(--deep));
    }
    html[data-theme^="light-"] .upload-panel :is(input, select, textarea){
      color:var(--text) !important;
      border-color:var(--glass-outline) !important;
      background:var(--glass-strong) !important;
      color-scheme:light;
    }
    html[data-theme^="light-"] .upload-panel :is(input, select, textarea)::placeholder{
      color:var(--muted);
      opacity:1;
    }
    html[data-theme^="light-"] .upload-panel :is(input, select, textarea):focus{
      border-color:var(--accent) !important;
      outline:none;
      box-shadow:var(--ring);
    }
    html[data-theme^="light-"] .upload-panel select option,
    html[data-theme^="light-"] .upload-type-panel option{
      color:var(--text);
      background:var(--card);
    }
    html[data-theme^="light-"] #uploadBtn{
      color:var(--deep-text) !important;
      border-color:var(--accent) !important;
      background:linear-gradient(135deg, var(--accent), var(--deep)) !important;
    }
    html[data-theme^="light-"] #uploadBtn:hover,
    html[data-theme^="light-"] #uploadBtn:focus-visible{
      filter:brightness(1.08);
      box-shadow:var(--ring);
    }
    html[data-theme^="light-"] .upload-file-picker{
      color:var(--text);
      border-color:var(--glass-outline);
      background:var(--glass);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);
    }
    html[data-theme^="light-"] .upload-file-picker:hover{
      border-color:var(--accent);
      background:var(--glass-hover);
    }
    html[data-theme^="light-"] .upload-file-copy span{
      color:var(--muted);
    }
    html[data-theme^="light-"] .upload-panel .upload-content-warnings legend,
    html[data-theme^="light-"] .upload-panel .upload-content-warnings-grid label,
    html[data-theme^="light-"] .upload-panel .upload-release-date-field label{
      color:var(--text);
    }
    html[data-theme^="light-"] .upload-type-note,
    html[data-theme^="light-"] .upload-language-note{
      color:var(--muted);
    }

    .upload-file-input{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0,0,0,0);
      white-space:nowrap;
      border:0;
      opacity:0;
    }
    .upload-primary-actions{
      display:grid;
      grid-template-columns:minmax(0, 3fr) minmax(120px, 1fr);
      gap:12px;
      align-items:stretch;
    }
    .upload-primary-actions #uploadBtn{
      min-height:0;
      margin:8px 0 12px;
      border-radius:4px !important;
    }
    .upload-panel-heading{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
      margin-bottom:12px;
      padding-right:0;
    }
    .upload-panel-heading h2{
      flex:1 1 auto;
      min-width:0;
      margin:0 !important;
    }
    .upload-heading-actions{
      flex:0 1 auto;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      min-width:0;
    }
    .upload-manage-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex:0 1 220px;
      width:min(220px, 55%);
      min-height:38px;
      margin:0;
      padding:0 14px;
      border:1px solid var(--border);
      border-radius:4px;
      background:rgba(255,255,255,.06);
      color:var(--deep-text, var(--text));
      text-decoration:none;
      font-weight:800;
      white-space:nowrap;
    }
    .upload-panel .upload-heading-actions .close-btn{
      position:static;
      flex:0 0 38px;
      width:38px;
      min-height:38px;
      height:38px;
      margin:0;
      padding:0;
    }
    .upload-manage-link:hover,
    .upload-manage-link:focus{
      background:rgba(255,255,255,.10);
      outline:none;
      box-shadow:var(--ring);
    }
    .upload-settings-tabs{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:4px;
      padding:4px;
      margin:12px 0 10px;
      border:2px dotted var(--border);
      border-radius:4px;
      background:rgba(255,255,255,.025);
    }
    .upload-panel .upload-settings-tab{
      min-width:0;
      min-height:42px;
      margin:0;
      padding:8px 10px;
      border:1px solid transparent;
      border-radius:4px;
      background:transparent;
      color:color-mix(in srgb, var(--deep-text, var(--text)) 70%, transparent);
      font-weight:800;
      cursor:pointer;
    }
    .upload-panel .upload-settings-tab:hover{
      color:var(--deep-text, var(--text));
      background:rgba(255,255,255,.06);
    }
    .upload-panel .upload-settings-tab.active{
      color:#10151d;
      background:#FFFFFF;
      border-color:#FFFFFF;
    }
    .upload-panel .upload-settings-tab:focus-visible{
      outline:none;
      box-shadow:var(--ring);
    }
    .upload-settings-pane[hidden]{
      display:none !important;
    }
    #uploadDescription{
      display:block;
      width:100%;
      min-height:132px;
      padding:12px;
      border:1px solid var(--border);
      border-radius:4px;
      background:rgba(255,255,255,.02);
      color:var(--deep-text, var(--text));
      font:inherit;
      line-height:1.45;
      resize:vertical;
    }
    #uploadDescription:focus{
      outline:none;
      border-color:rgba(138,174,217,.38);
      box-shadow:var(--ring);
    }
    .upload-release-date-field{
      margin-top:12px;
    }
    .upload-release-date-field label{
      display:block;
      margin:0 0 7px;
      color:var(--deep-text, var(--text));
      font-size:13px;
      font-weight:800;
    }
    #uploadOriginalReleaseDate{
      display:block;
      width:100%;
      min-height:44px;
      padding:10px 12px;
      border:1px solid var(--border);
      border-radius:4px;
      background:rgba(255,255,255,.02);
      color:var(--deep-text, var(--text));
      color-scheme:dark;
      font:inherit;
    }
    #uploadOriginalReleaseDate:focus{
      outline:none;
      border-color:rgba(138,174,217,.38);
      box-shadow:var(--ring);
    }
    #uploadLanguagePane .upload-language-controls{
      margin-top:0;
    }
    .upload-file-picker{
      position:relative;
      display:flex;
      align-items:center;
      gap:12px;
      width:100%;
      margin:8px 0 12px;
      padding:12px 14px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.14);
      background:
        radial-gradient(160px 80px at 18% 8%, rgba(138,174,217,.14), transparent 66%),
        radial-gradient(160px 90px at 100% 100%, rgba(228,179,185,.12), transparent 66%),
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.030));
      color:var(--deep-text, var(--text));
      cursor:pointer;
      box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.035);
      backdrop-filter: blur(12px);
      transition: transform 140ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
    }
    .upload-file-picker:hover{
      transform: translateY(-1px);
      border-color:rgba(138,174,217,.34);
      background:
        radial-gradient(160px 80px at 18% 8%, rgba(138,174,217,.20), transparent 66%),
        radial-gradient(160px 90px at 100% 100%, rgba(228,179,185,.16), transparent 66%),
        linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.040));
      box-shadow:0 14px 30px rgba(0,0,0,.28), 0 0 0 3px rgba(138,174,217,.08);
    }
    .upload-file-input:focus + .upload-file-picker{
      outline:none;
      box-shadow:0 14px 30px rgba(0,0,0,.28), var(--ring);
      border-color:rgba(138,174,217,.38);
    }
    .upload-file-icon{
      flex:0 0 40px;
      width:40px;
      height:40px;
      border-radius:4px;
      display:grid;
      place-items:center;
      border:1px solid rgba(138,174,217,.25);
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 42%),
        linear-gradient(135deg, rgba(138,174,217,.28), rgba(43,156,255,.16) 56%, rgba(228,179,185,.14));
      color:#fff;
      font-size:24px;
      line-height:1;
      font-weight:900;
      box-shadow:0 8px 22px rgba(0,0,0,.24), 0 0 18px rgba(138,174,217,.12);
    }
    .upload-file-copy{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .upload-file-copy strong{
      font-size:13px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .upload-file-copy span{
      color:rgba(233,237,247,.70);
      font-size:12px;
      line-height:1.25;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      max-width:100%;
    }
    .upload-file-picker.has-file .upload-file-icon{
      border-color:rgba(0,255,133,.34);
      background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 42%),
        linear-gradient(135deg, rgba(0,255,133,.22), rgba(138,174,217,.18) 62%, rgba(228,179,185,.12));
    }
    .upload-file-picker.has-file .upload-file-copy span{
      color:rgba(184,255,216,.88);
    }
    @media (max-width:520px){
      .upload-primary-actions{
        grid-template-columns:1fr;
        gap:0;
      }
      .upload-primary-actions .upload-file-picker{
        margin-bottom:8px;
      }
      .upload-primary-actions #uploadBtn{
        min-height:42px;
        margin:0 0 12px;
      }
    }

    .upload-language-controls{
      margin:12px 0 14px;
      padding:12px;
      border:2px dotted rgba(255,255,255,.12);
      border-radius:4px;
      background:
        radial-gradient(220px 90px at 18% 0%, rgba(138,174,217,.10), transparent 66%),
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.020));
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
    }
    .upload-language-controls h4{
      margin:0 0 8px;
      color:#fff;
      font-size:13px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .upload-language-controls label{
      display:block;
      margin-top:10px;
      color:rgba(233,237,247,.78);
      font-size:12px;
      font-weight:700;
    }
    .upload-language-controls select{
      width:100%;
      min-height:40px;
      margin-top:5px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:4px;
      background:rgba(255,255,255,.055);
      color:var(--deep-text, var(--text));
      padding:0 10px;
      outline:none;
    }
    .upload-language-controls select option{ color:#111; }
    .upload-language-toggle{
      display:flex !important;
      align-items:center;
      gap:8px;
      margin-top:12px !important;
      cursor:pointer;
    }
    .upload-language-toggle input{
      width:auto !important;
      min-height:auto !important;
      margin:0;
    }
    .upload-language-note{
      margin:8px 0 0;
      color:rgba(233,237,247,.64);
      font-size:12px;
      line-height:1.35;
    }

    .language-moderation-badge{
      position:absolute;
      top:58px;
      right:12px;
      z-index:6;
      max-width:min(360px, calc(100% - 24px));
      padding:8px 10px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(8,10,18,.62);
      color:rgba(233,237,247,.90);
      font-size:12px;
      font-weight:800;
      letter-spacing:.25px;
      box-shadow:0 10px 24px rgba(0,0,0,.28);
      backdrop-filter: blur(12px);
      opacity:0;
      transform:translateY(-6px);
      pointer-events:none;
      transition:opacity 180ms ease, transform 180ms ease;
    }
    .language-moderation-badge.active{
      opacity:1;
      transform:translateY(0);
    }
    .language-moderation-badge.mode-mute{ border-color:rgba(138,174,217,.30); }
    .language-moderation-badge.mode-warning{ border-color:rgba(255,225,77,.32); }
    .language-moderation-badge.mode-age_restrict{ border-color:rgba(255,74,91,.34); }
    @media (max-width: 640px){
      .account-panel,
    .upload-panel{
        left:var(--panel-inset);
        right:calc(var(--panel-inset) + var(--scrollbar-w, 0px));
        width:auto;
      }
    }

    .nav-inner a.nav-u60-logo-link{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:2px 8px;
      line-height:1;
    }
    .nav-u60-logo{
      display:block;
      width:58px;
      max-height:34px;
      height:auto;
      object-fit:contain;
      filter:
        drop-shadow(0 0 10px rgba(138,174,217,.18))
        drop-shadow(0 0 12px rgba(100,140,190,.12));
    }
    .nav-u60-logo-link.active .nav-u60-logo,
    .nav-u60-logo-link:hover .nav-u60-logo,
    .nav-u60-logo-link:focus .nav-u60-logo{
      filter:
        drop-shadow(0 0 12px rgba(138,174,217,.34))
        drop-shadow(0 0 16px rgba(43,156,255,.18));
    }
    .nav-u60-logo-fallback{
      font-weight:600;
      letter-spacing:0;
    }
    @media (max-width: 640px){
      .nav-u60-logo{ width:50px; max-height:30px; }
      .nav-inner a.nav-u60-logo-link{ min-height:38px; padding:2px 6px; }
    }

    .p-section-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin: 10px 0 16px; }
    
    .p-section-head h2{ color:var(--deep-text, var(--text)); }
    
    .p-controls{ display:flex; align-items:center; gap:8px; }
    .p-arrows{ display:flex; gap:8px; }
    .p-arrow{ border:1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.10); color:var(--deep-text, var(--text)); border-radius:4px; height:36px; width:36px; display:grid; place-items:center; cursor:pointer; }
    .p-arrow:hover{ background: rgba(255,255,255,.18); }
    .p-arrow[disabled]{ opacity:.45; cursor:not-allowed; }
    
    .tab-panel .close-btn{
      border-color: rgba(255,255,255,.22);
      background: rgba(255,255,255,.10);
      color: var(--deep-text, var(--text));
      width:36px; height:36px; padding:0;
      display:grid; place-items:center;
      font-size:18px; line-height:1;
    }
    .tab-panel .close-btn:hover{ background: rgba(255,255,255,.18); }
    
    .p-controls .close-btn{ position:static; }

    .p-carousel{ position:relative; }
    .p-viewport{ overflow:hidden; }
    .p-track{ display:flex; gap:16px; will-change: transform; transition: transform 360ms ease; padding-bottom: 4px; }
    .p-card{ flex: 0 0 var(--cardW, 280px); background: var(--card); border:2px dotted var(--border); border-radius:4px; overflow:hidden; box-shadow: 0 10px 28px rgba(0,0,0,.25); backdrop-filter: blur(10px); }
    .p-thumb{ aspect-ratio: 16/9; width:100%; background: rgba(255,255,255,.03); display:grid; place-items:center; color:var(--muted); font-size:14px; }
    
    .p-track--portrait .p-card{ --cardW: 170px; }
    .p-track--portrait .p-thumb{ aspect-ratio: 9/16; }
    .p-track--square .p-thumb{ aspect-ratio: 1; }
    .p-meta{ padding:10px 12px 12px; }
    .p-title{ font-weight:600; font-size:14px; margin:0 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .p-desc{ font-size:13px; color:var(--muted); margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    @media (max-width: 640px){ .p-card{ --cardW: 230px; } }
    @media (max-width: 640px){ .p-track--portrait .p-card{ --cardW: 140px; } }
    
    .tab-panel .p-card{ --cardW: 180px; }
    .tab-panel .p-track--portrait .p-card{ --cardW: 112px; }
    .tab-panel .p-title{ font-size:13px; }
    .tab-panel .p-desc{ font-size:12px; }
    @media (max-width: 640px){ .tab-panel .p-card{ --cardW: 150px; } }
    @media (max-width: 640px){ .tab-panel .p-track--portrait .p-card{ --cardW: 96px; } }

    .coverage{ display:flex; flex-direction:column; gap:12px; }
    .coverage-head-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .coverage-refresh-btn{
      width:34px;
      height:34px;
      flex:0 0 auto;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      color:var(--text);
      display:grid;
      place-items:center;
      cursor:pointer;
      transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease;
    }
    .coverage-refresh-btn:hover:not(:disabled),
    .coverage-refresh-btn:focus:not(:disabled){
      border-color:rgba(138,174,217,.30);
      background: rgba(43,156,255,.16);
      outline:none;
    }
    .coverage-refresh-btn:disabled{
      opacity:.35;
      
      cursor:default;
    }
    .coverage-refresh-icon{
      font-size:18px;
      line-height:1;
      display:inline-block;
    }
    .coverage-refresh-btn.is-spinning .coverage-refresh-icon{
      animation: coverageRefreshSpin 420ms ease;
    }
    @keyframes coverageRefreshSpin{
      from{ transform: rotate(0deg); }
      to{ transform: rotate(360deg); }
    }
    .coverage-grid{ display:grid; gap:12px; grid-template-columns: repeat(3, 1fr); }
    @media (max-width: 900px){ .coverage-grid{ grid-template-columns: 1fr; } }
    .coverage-card{
      background: var(--card);
      border:2px dotted var(--border);
      border-radius: var(--radius);
      box-shadow: 0 10px 28px rgba(0,0,0,.25);
      padding:14px;
      display:flex; flex-direction:column; gap:8px;
      min-height: 160px;
      backdrop-filter: blur(10px);
    }
    .coverage-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .badge{
      font-size:11px; letter-spacing:.4px; text-transform:uppercase;
      padding:4px 8px; border-radius:4px; border:1px solid var(--border);
      color: var(--muted); background: rgba(255,255,255,.03);
    }
    .outlet{ font-weight:700; font-size:14px; }
    .coverage-title{ font-size:15px; font-weight:700; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    .coverage-summary{ margin:0; font-size:13px; color: var(--muted); line-height:1.35; }
    .coverage-foot{ font-size:12px; color:var(--muted); display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .tiny-spinner{ width:16px; height:16px; border:2px solid var(--border); border-top-color: var(--muted); border-radius:50%; animation: spin2 1s linear infinite; }
    @keyframes spin2 { to { transform: rotate(360deg); } }
    .link{ color:#8AAED9; text-decoration:none; }

    .coverage-grid.is-collapsed{ grid-template-columns: repeat(3, 1fr); gap:8px; }
    .coverage-grid.is-collapsed .coverage-card{
      min-height:0;
      padding:8px 10px;
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      box-shadow:none;
    }
    .coverage-grid.is-collapsed .coverage-card .coverage-title,
    .coverage-grid.is-collapsed .coverage-card .coverage-summary,
    .coverage-grid.is-collapsed .coverage-card .coverage-foot{ display:none; }
    .coverage-grid.is-collapsed .coverage-card .coverage-head{
      width:100%; flex:1 1 auto; min-width:0;
    }
    .coverage-grid.is-collapsed .coverage-card .outlet{
      font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    }
    .coverage-grid.is-collapsed .coverage-card .badge{
      font-size:9px; padding:3px 6px; flex:0 0 auto;
    }
    @media (max-width: 900px){ .coverage-grid.is-collapsed{ grid-template-columns:1fr; } }

    .coverage-dominant-arrow{
      align-items:center; justify-content:center;
      margin:2px 0 -2px; font-size:14px; color:var(--muted); line-height:1;
    }
    
    .coverage-dominant-arrow:not([hidden]){ display:flex; }
    .coverage-dominant{
      background: var(--card);
      border:2px dotted var(--border);
      border-radius: var(--radius);
      box-shadow: 0 10px 28px rgba(0,0,0,.25);
      backdrop-filter: blur(10px);
      overflow:hidden;
    }
    .coverage-dominant-toggle{
      width:100%;
      display:flex; align-items:center; gap:10px;
      padding:12px 14px;
      background:transparent; border:none; cursor:pointer;
      color:var(--text); font:inherit; text-align:left;
    }
    .coverage-dominant-toggle:focus-visible{ outline:none; box-shadow:var(--ring); }
    .key-source-badge{
      font-size:11px; letter-spacing:.4px; text-transform:uppercase;
      padding:4px 8px; border-radius:4px;
      border:1px solid color-mix(in srgb, var(--accent), var(--border) 40%);
      color: var(--accent); background: color-mix(in srgb, var(--accent), transparent 88%);
      font-weight:800; flex:0 0 auto;
    }
    .coverage-dominant-status{ font-size:12px; font-weight:700; flex:1 1 auto; min-width:0; }
    .coverage-dominant-status.is-confirmed{ color:#77d69a; }
    .coverage-dominant-status.is-debunked{ color:#ff8f98; }
    .coverage-dominant-chevron{
      flex:0 0 auto; color:var(--muted); font-size:12px;
      transition: transform 160ms ease;
    }
    .coverage-dominant-toggle[aria-expanded="false"] .coverage-dominant-chevron{ transform: rotate(180deg); }
    .coverage-dominant-body{
      padding:0 14px 14px; display:flex; flex-direction:column; gap:8px;
    }
    .coverage-dominant-toggle[aria-expanded="false"] + .coverage-dominant-body{
      display:none;
    }
    .coverage-dominant-date{ font-size:12px; color:var(--muted); }
    html[data-theme^="light-"] .key-source-badge{
      color: color-mix(in srgb, var(--accent), black 15%);
      background: color-mix(in srgb, var(--accent), white 88%);
      border-color: color-mix(in srgb, var(--accent), var(--glass-outline) 40%);
    }
    .link:hover{ text-decoration:underline; }

    .community-says{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding-top:18px;border-top:2px dotted var(--border)}
    .community-says-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
    .community-says-head h3{margin:0}
    .community-says-summary{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
    .community-says-score{flex:0 0 auto;font-size:22px;color:var(--text)}
    .community-says-meter-wrap{display:flex;flex-direction:column;gap:5px}
    .community-says-meter{height:12px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 4px rgba(0,0,0,.28)}
    .community-says-meter span{display:block;width:100%;height:100%;border-radius:inherit;background:hsl(var(--community-hue, 0) 72% 42%);transition:background-color 280ms ease}
    .community-says-meter.is-empty span{background:rgba(128,128,128,.36)}
    .community-says-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
    .community-says-help{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
    .community-says-help strong{color:var(--text)}
    .community-says-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:9px}
    .community-says-form label{display:flex;min-width:0;flex-direction:column;gap:6px;color:var(--text);font-size:11px;font-weight:800}
    .community-says-form select,.community-says-form button{width:100%;min-height:38px;border:1px solid var(--border);border-radius:4px;padding:8px 9px;color:var(--text);background:rgba(255,255,255,.06);font:700 11px/1.2 inherit}
    .community-says-form button{width:auto;min-width:82px;cursor:pointer;background:color-mix(in srgb,var(--accent),transparent 18%)}
    .community-says-form select:focus,.community-says-form button:focus{outline:none;box-shadow:var(--ring)}
    .community-says-form select:disabled,.community-says-form button:disabled{cursor:not-allowed;opacity:.48}
    .community-says-form.is-locked select:disabled{opacity:1}
    .community-says-form.is-locked button:disabled{opacity:.72}
    .community-says-form select option{color:#111;background:#fff}
    .community-says-details{margin:0}
    .community-says-details > summary{cursor:pointer;list-style:none;color:var(--text);font-size:12px;font-weight:800;padding:6px 0;user-select:none}
    .community-says-details > summary::-webkit-details-marker{display:none}
    .community-says-details > summary::before{content:'\25B8';display:inline-block;margin-right:7px;transition:transform 160ms ease;color:var(--muted)}
    .community-says-details[open] > summary::before{transform:rotate(90deg)}
    .community-says-details .community-says-form{margin-top:8px}
    .community-says-message{min-height:17px;margin:0;color:var(--muted);font-size:11px}
    .community-says-message.is-error{color:#ff8f98}
    .community-says-message.is-success{color:#77d69a}
    html[data-theme^="light-"] .community-says-meter{background:rgba(0,0,0,.08)}
    html[data-theme^="light-"] .community-says-form select,
    html[data-theme^="light-"] .community-says-form button{color:var(--text);border-color:var(--glass-outline);background:rgba(255,255,255,.72)}
    html[data-theme^="light-"] .community-says-form button{background:color-mix(in srgb,var(--accent),white 72%)}
    @media (max-width:1000px){.community-says-form{grid-template-columns:repeat(2,minmax(0,1fr))}.community-says-form button{width:100%}}
    @media (max-width:580px){.community-says-form{grid-template-columns:1fr}.community-says-head{align-items:center}}

    html,
    body{
      overflow-x:hidden;
    }

    nav{
      padding-top:clamp(10px, 1.25vw, 18px);
      padding-left:clamp(10px, 1.2vw, 16px);
      padding-right:clamp(10px, 1.2vw, 16px);
      padding-bottom:clamp(8px, 1vw, 14px);
    }

    .nav-inner{
      width:100%;
      max-width:min(1500px, calc(100vw - 360px));
      row-gap:clamp(8px, 1vw, 14px);
      column-gap:clamp(8px, 1vw, 18px);
    }

    .nav-inner a.nav-title-link{
      min-height:clamp(42px, 4vw, var(--height));
      padding-inline:clamp(7px, .85vw, 18px);
      font-size:clamp(12px, .95vw, 17px);
      white-space:nowrap;
    }

    .search-wrap.open{
      width:clamp(230px, 34vw, var(--expanded));
      max-width:calc(100vw - 32px);
    }

    .search-wrap,
    .search{
      min-width:0;
    }

    .search input{
      min-width:0;
      font-size:clamp(15px, 1.25vw, 20px);
    }

    .nav-time-stack{
      max-width:calc(100vw - 24px);
    }

    .nav-clock,
    .nav-date{
      max-width:100%;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .home-page{
      width:100%;
      max-width:min(var(--maxw), calc(100vw - 24px));
      padding-left:clamp(10px, 2vw, 16px);
      padding-right:clamp(10px, 2vw, 16px);
    }

    .home-landing{
      width:100%;
      max-width:100%;
      padding:clamp(24px, 4.8vw, 58px);
    }

    .home-title{
      max-width:100%;
      font-size:clamp(34px, 6.3vw, 76px);
      line-height:1;
      overflow-wrap:break-word;
      text-wrap:balance;
    }

    .home-copy{
      max-width:min(720px, 100%);
      overflow-wrap:break-word;
    }

    .home-actions{
      max-width:100%;
    }

    @media (max-width: 1440px){
      .nav-inner{
        max-width:100%;
      }

      .nav-time-stack{
        position:absolute;
        top:100%;
        left:52%;
        transform:translateX(-50%);
        width:min(100%, 380px);
        margin-top:9px;
        flex-direction:row;
        align-items:center;
        justify-content:center;
        gap:8px;
        z-index:2;
      }

      .nav-clock,
      .nav-date{
        flex:0 0 auto;
      }
    }

    @media (max-width: 1180px){
      .nav-inner{
        justify-content:center;
      }

      .nav-inner a[data-tab="home"],
      .nav-inner a[data-tab="exclusive"],
      .nav-inner a[data-tab="video"],
      .nav-inner a[data-tab="sixties"]{
        order:1;
      }

      .nav-search{
        order:2;
        flex:1 1 100%;
        width:min(100%, 640px);
      }

      .search-wrap.open{
        width:min(100%, 640px);
        margin-inline:auto;
      }

      .nav-inner a[data-tab="live"],
      .nav-inner a[data-tab="account"],
      .nav-inner a[data-tab="upload"]{
        order:3;
      }
    }

    @media (max-width: 780px){
      :root{
        --height:52px;
        --btnw:52px;
      }

      .nav-inner{
        gap:8px;
      }

      .nav-inner a.nav-title-link{
        min-height:42px;
        padding-inline:9px;
        font-size:clamp(11px, 3.3vw, 15px);
        letter-spacing:-.035em;
      }

      .nav-search{
        flex-basis:100%;
      }

      .search-wrap.open{
        width:100%;
      }

      .search input{
        font-size:16px;
      }

      .nav-time-stack{
        width:min(100%, 360px);
      }

      .home-page{
        padding-top:clamp(18px, 7vw, 40px);
      }

      .home-landing{
        padding:clamp(22px, 7vw, 34px);
        border-radius:4px;
      }

      .home-title{
        font-size:clamp(30px, 11vw, 48px);
        line-height:1.02;
        letter-spacing:-.045em;
      }
    }

    @media (max-width: 460px){
      .nav-inner a.nav-title-link{
        font-size:12px;
        min-height:38px;
        padding-inline:7px;
      }

      .nav-time-stack{
        flex-direction:column;
        width:min(100%, 260px);
      }

      .nav-clock,
      .nav-date{
        width:100%;
      }

      .home-actions{
        flex-direction:column;
        align-items:stretch;
      }

      .home-cta{
        width:100%;
      }
    }

    .search-logo-placeholder{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(calc(-50% - 0.25cm), -50%);
      z-index:1;
      width:calc(100% - var(--btnw) - clamp(34px, 3.2vw, 48px));
      max-width:clamp(130px, 20vw, 235px);
      height:calc(var(--height) - 12px);
      display:flex;
      align-items:center;
      justify-content:center;
      pointer-events:none;
      opacity:.95;
      transition:
        opacity 160ms ease,
        transform 180ms ease,
        filter 180ms ease;
    }

    .search-logo-placeholder img{
      display:block;
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center center;
      filter:
        drop-shadow(0 0 9px rgba(138,174,217,.25))
        drop-shadow(0 0 14px rgba(100,140,190,.18));
    }

    .search input{
      position:relative;
      z-index:2;
    }

    .search input::placeholder{
      color:transparent !important;
    }

    .search-wrap:not(.open) .search-logo-placeholder,
    .search:focus-within .search-logo-placeholder,
    .search input:not(:placeholder-shown) + .search-logo-placeholder{
      opacity:0;
      transform:translate(calc(-50% - 0.25cm), -50%) scale(.96);
    }

    .search-wrap.open .search input{
      padding-left:clamp(14px, 1.2vw, 20px);
    }

    @media (max-width: 780px){
      .search-logo-placeholder{
        max-width:clamp(108px, 42vw, 170px);
        height:calc(var(--height) - 14px);
      }
    }

    #siteNav{
      --streamrly-logo-width: clamp(138px, 12vw, 230px);
    }

    #siteNav .nav-inner .site-logo-link{
      position:absolute !important;
      top:clamp(10px, 1.25vw, 18px);
      left:clamp(16px, 4vw, 46px);
      z-index:3002;
      display:inline-flex !important;
      align-items:center;
      justify-content:center;
      height:var(--height);
      padding:0 !important;
      margin:0 !important;
      line-height:1;
      border-radius:4px;
      text-decoration:none;
      flex:0 0 auto;
    }

    #siteNav .nav-inner .site-logo-img{
      display:block;
      width:var(--streamrly-logo-width);
      height:auto;
      max-height:50px;
      object-fit:contain;
      filter:
        drop-shadow(0 0 10px rgba(138,174,217,.22))
        drop-shadow(0 0 16px rgba(100,140,190,.18));
      transition:
        width 220ms ease,
        max-height 220ms ease,
        filter 180ms ease,
        transform 180ms ease;
    }

    #siteNav .nav-inner .site-logo-link:hover .site-logo-img,
    #siteNav .nav-inner .site-logo-link:focus .site-logo-img{
      filter:
        drop-shadow(0 0 14px rgba(138,174,217,.38))
        drop-shadow(0 0 20px rgba(100,140,190,.22));
      transform:translateY(-1px);
    }

    @media (max-width: 1180px){
      #siteNav{
        --streamrly-logo-width: clamp(96px, 20vw, 140px);
      }

      #siteNav .nav-inner .site-logo-link{
        position:static !important;
        order:0 !important;
        height:42px;
        margin-right:2px !important;
      }

      #siteNav .nav-inner .site-logo-img{
        max-height:40px;
      }

      #siteNav .nav-inner a[data-tab="home"]{
        order:1 !important;
      }
    }

    @media (max-width: 460px){
      #siteNav{
        --streamrly-logo-width: 86px;
      }

      #siteNav .nav-inner .site-logo-img{
        max-height:34px;
      }
    }

    #siteNav .nav-inner a.nav-title-link{
      font-family:"Clarity City", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    }

    #heroVideo::-webkit-media-controls,
    #heroVideo::-webkit-media-controls-enclosure,
    #heroVideo::-webkit-media-controls-panel,
    #heroVideo::-webkit-media-controls-overlay-enclosure,
    #heroVideo::-webkit-media-controls-overlay-play-button,
    #heroVideo::-webkit-media-controls-play-button,
    #heroVideo::-webkit-media-controls-start-playback-button,
    #heroVideo::-webkit-media-controls-timeline,
    #heroVideo::-webkit-media-controls-timeline-container,
    #heroVideo::-webkit-media-controls-current-time-display,
    #heroVideo::-webkit-media-controls-time-remaining-display,
    #heroVideo::-webkit-media-controls-mute-button,
    #heroVideo::-webkit-media-controls-volume-slider,
    #heroVideo::-webkit-media-controls-toggle-closed-captions-button,
    #heroVideo::-webkit-media-controls-fullscreen-button,
    #heroVideo::-webkit-media-controls-seek-back-button,
    #heroVideo::-webkit-media-controls-seek-forward-button{
      display:none !important;
      opacity:0 !important;
      pointer-events:none !important;
    }

    body.ad-seek-locked video[data-ad-seek-locked="1"]{
      pointer-events:auto;
    }
    body.ad-seek-locked video[data-ad-seek-locked="1"]::-webkit-media-controls,
    body.ad-seek-locked video[data-ad-seek-locked="1"]::-webkit-media-controls-enclosure,
    body.ad-seek-locked video[data-ad-seek-locked="1"]::-webkit-media-controls-panel,
    body.ad-seek-locked video[data-ad-seek-locked="1"]::-webkit-media-controls-timeline,
    body.ad-seek-locked video[data-ad-seek-locked="1"]::-webkit-media-controls-timeline-container,
    body.ad-seek-locked video[data-ad-seek-locked="1"]::-webkit-media-controls-seek-back-button,
    body.ad-seek-locked video[data-ad-seek-locked="1"]::-webkit-media-controls-seek-forward-button{
      display:none !important;
      pointer-events:none !important;
      opacity:0 !important;
    }

    body.ad-seek-locked .cmc-seek,
    .cmc-seek.is-ad-locked{
      pointer-events:none !important;
      opacity:.38 !important;
      cursor:not-allowed !important;
      filter:saturate(.55);
    }
    body.ad-seek-locked .cmc-seek .cmc-handle,
    .cmc-seek.is-ad-locked .cmc-handle{
      box-shadow:0 0 0 3px rgba(255,255,255,.12), 0 0 18px rgba(138,174,217,.18);
    }

    body.ad-seek-locked .custom-media-controls::after{
      content:"Ad seek disabled";
      position:absolute;
      right:22px;
      bottom:78px;
      z-index:40;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:6px 13px;
      min-height:28px;
      border-radius:4px;
      color:#fff;
      font-size:13px;
      font-weight:900;
      line-height:1;
      letter-spacing:.01em;
      text-shadow:0 1px 5px rgba(0,0,0,.75);
      background:rgba(8,10,18,.78);
      border:1px solid rgba(255,255,255,.16);
      box-shadow:0 8px 22px rgba(0,0,0,.36);
      backdrop-filter:blur(8px) saturate(1.08);
      pointer-events:none;
      white-space:nowrap;
    }

    @media (max-width: 760px){
      body.ad-seek-locked .custom-media-controls::after{
        right:16px;
        bottom:68px;
        font-size:12px;
        min-height:26px;
        padding:5px 10px;
      }
    }

    @font-face{
      font-family:"Clarity City";
      src:url("assets/fonts/ClarityCity-Regular.woff2") format("woff2");
      font-weight:400;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:"Clarity City";
      src:url("assets/fonts/ClarityCity-Medium.woff2") format("woff2");
      font-weight:500;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:"Clarity City";
      src:url("assets/fonts/ClarityCity-SemiBold.woff2") format("woff2");
      font-weight:600;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:"Clarity City";
      src:url("assets/fonts/ClarityCity-Bold.woff2") format("woff2");
      font-weight:700;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:"Clarity City";
      src:url("assets/fonts/ClarityCity-Black.woff2") format("woff2");
      font-weight:900;
      font-style:normal;
      font-display:swap;
    }
    body,
    button,
    input,
    select,
    textarea{
      font-family:"Clarity City", system-ui, -apple-system, "Segoe UI", sans-serif;
    }
    html body .nav-inner a.nav-title-link,
    .nav-clock,
    .nav-date,
    .home-title,
    .home-eyebrow,
    .home-copy,
    .home-cta,
    .home-suggestions-kicker,
    .home-suggestions-title,
    .home-suggestions-copy,
    .home-carousel-title,
    .home-suggestion-title,
    .home-suggestion-desc,
    .home-feature-card{
      font-family:"Clarity City", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    }

    @font-face{
      font-family:"Kumbh Sans";
      src:url("assets/fonts/KumbhSans-Variable.woff2") format("woff2-variations"), url("assets/fonts/KumbhSans-Variable.woff2") format("woff2");
      font-weight:100 900;
      font-style:normal;
      font-display:swap;
    }
    :root{
      --font-kumbh:"Kumbh Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    }
    .font-kumbh{
      font-family:"Kumbh Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    }

    :root{
      --bg1:#10151d;
      --bg2:#080b10;
      --text:#f1f3f5;
      --muted:rgba(219,225,231,.70);
      --border:rgba(211,220,228,.13);
      --accent:#FFFFFF;
      --shadow:0 16px 40px rgba(0,0,0,.26);
      --ring:0 0 0 3px rgba(138,174,217,.20);
    }
    html{
      background:
        radial-gradient(900px 580px at 100% 0%, rgba(50,70,95,.15), transparent 65%),
        linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 72%);
    }
    .search{
      background:rgba(17,24,33,.72);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
      backdrop-filter:none;
    }
    .search button{
      background:var(--search-button-bg);
      box-shadow:none;
      filter:none;
      transition:transform 140ms ease, filter 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
    }
    .search button:hover,
    .search button:focus{
      background:var(--search-button-bg-hover);
    }
    .search button::before{ display:none; }
    .home-landing{
      border-radius:0;
      background-image:
        linear-gradient(to right, #FFFFFF 2px, transparent 2px),
        linear-gradient(to bottom, #FFFFFF 2px, transparent 2px),
        linear-gradient(to left, #FFFFFF 2px, transparent 2px),
        linear-gradient(to bottom, #FFFFFF 2px, transparent 2px),
        linear-gradient(to left, #FFFFFF 2px, transparent 2px),
        linear-gradient(to top, #FFFFFF 2px, transparent 2px),
        linear-gradient(to right, #FFFFFF 2px, transparent 2px),
        linear-gradient(to top, #FFFFFF 2px, transparent 2px),
        linear-gradient(110deg, #1a2633, #151d26 54%, #121920);
      background-position:
        top left, top left,
        top right, top right,
        bottom right, bottom right,
        bottom left, bottom left,
        0 0;
      background-size:
        22px 2px, 2px 22px,
        22px 2px, 2px 22px,
        22px 2px, 2px 22px,
        22px 2px, 2px 22px,
        100% 100%;
      background-repeat: no-repeat;
      box-shadow:var(--shadow);
      backdrop-filter:none;
    }
    .home-landing::after{ display:none; }
    .home-title{
      font-size:clamp(34px, 5.9vw, 70px);
      line-height:1.04;
      letter-spacing:-.05em;
      text-shadow:none;
    }
    .home-eyebrow{ color:#FFFFFF; }
    .home-cta{
      border-radius:4px;
      color:#10151d;
      background:#FFFFFF;
      box-shadow:none;
    }
    .home-cta.primary{
      color:#10151d;
      border-color:#FFFFFF;
      background:#FFFFFF;
    }
    .home-landing-close{
      border-radius:4px;
      background:rgba(8,12,17,.46);
      box-shadow:none;
      backdrop-filter:none;
    }
    .home-viewer-suggestions{
      border-radius:4px;
      background:#111820;
      box-shadow:var(--shadow);
      backdrop-filter:none;
    }
    .home-viewer-suggestions::before{ display:none; }
    .home-carousel-row,
    .home-recommendations-panel{ border-radius:4px; background:#10161e; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); }
    .home-suggestion-card{
      border-radius:0;
      background-image: linear-gradient(to right, #FFFFFF 2px, transparent 2px),
        linear-gradient(to bottom, #FFFFFF 2px, transparent 2px),
        linear-gradient(to left, #FFFFFF 2px, transparent 2px),
        linear-gradient(to bottom, #FFFFFF 2px, transparent 2px),
        linear-gradient(to left, #FFFFFF 2px, transparent 2px),
        linear-gradient(to top, #FFFFFF 2px, transparent 2px),
        linear-gradient(to right, #FFFFFF 2px, transparent 2px),
        linear-gradient(to top, #FFFFFF 2px, transparent 2px),
        linear-gradient(#131a22, #131a22);
      background-position: top left, top left,
        top right, top right,
        bottom right, bottom right,
        bottom left, bottom left,
        0 0;
      background-size: 14px 2px, 2px 14px,
        14px 2px, 2px 14px,
        14px 2px, 2px 14px,
        14px 2px, 2px 14px,
        100% 100%;
      background-repeat: no-repeat;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
    }
    .home-suggestion-thumb{ background:#1d2d38; }
    .home-suggestion-meta{ background:#131a22; }
    .home-feature-card{ border-radius:4px; background:#111820; box-shadow:none; backdrop-filter:none; }

    @media (min-width:1441px){
      .nav-time-stack{
        width:min(100%, 380px);
        gap:8px;
      }
      .nav-clock,
      .nav-date{
        width:100%;
        min-width:0;
        padding:4px 8px;
        font-size:11px;
        letter-spacing:.3px;
      }
      .nav-date{
        font-size:10px;
        letter-spacing:.1px;
      }
      .nav-date[data-mode="end"]{ min-width:0; }
    }

    @media (min-width:1441px){
      .nav-inner{
        column-gap:10px;
      }
      .nav-inner a.nav-title-link{
        padding-inline:clamp(7px, .65vw, 12px);
      }
      .nav-time-stack{
        width:auto;
        align-items:center;
        gap:4px;
      }
      .nav-clock,
      .nav-date{
        width:fit-content;
        min-width:84px;
        max-width:220px;
        padding:4px 8px;
      }
      .nav-date[data-mode="end"]{
        min-width:196px;
      }
      .nav-date[data-mode="full"]{
        min-width:196px;
      }
    }

    @media (min-width:781px){
      .home-page{
        padding-left:0;
        padding-right:0;
      }
    }

    .home-viewer-suggestions{
      margin-top:24px;
    }

    @media (min-width:781px){
      .home-page{
        padding-top:38px;
      }
    }

    @media (min-width:781px){
      nav{
        padding-top:28px;
      }
    }

    @media (min-width:781px){
      .nav-inner{
        margin-top: calc((clamp(8px, 1vw, 14px) - 28px) / 2);
      }
    }
    @media (min-width:1441px){
      .nav-inner{
        width:calc(100vw - 48px);
        max-width:1200px;
        margin-left:auto;
        margin-right:auto;
      }
    }

    .home-landing.is-collapsed{
      display:flex;
      align-items:center;
      min-height:74px;
      max-height:86px;
      padding:14px 72px 14px 20px;
      border-radius:4px;
      background-image: linear-gradient(110deg, #1a2633, #151d26 54%, #121920);
    }
    .home-landing.is-collapsed .home-eyebrow,
    .home-landing.is-collapsed .home-title,
    .home-landing.is-collapsed .home-copy{
      display:none;
    }
    .home-landing.is-collapsed .home-actions{
      display:flex;
      flex-wrap:nowrap;
      justify-content:space-between;
      align-items:center;
      width:1016.25px;
      max-height:52px;
      margin:0 0 0 69.875px;
      opacity:1;
      transform:none;
      pointer-events:auto;
      overflow:visible;
    }
    .home-landing.is-collapsed .home-cta{
      min-height:44px;
    }
    @media (max-width:760px){
      .home-landing.is-collapsed{
        max-height:none;
        padding:14px 58px 14px 16px;
      }
      .home-landing.is-collapsed .home-actions{
        max-height:none;
      }
    }

    body,
    button,
    input,
    select,
    textarea{
      letter-spacing:-.012em;
    }
    #siteNav .nav-inner a.nav-title-link{
      letter-spacing:-.052em;
    }
    .home-title{
      letter-spacing:-.062em;
    }
    .home-eyebrow,
    .home-suggestions-kicker{
      letter-spacing:.10em;
    }
    .home-cta,
    .home-suggestion-title,
    .home-suggestion-desc,
    .home-suggestions-copy,
    .home-feature-card p{
      letter-spacing:-.01em;
    }
    .home-carousel-title{
      letter-spacing:.075em;
    }

    body,
    button,
    input,
    select,
    textarea{
      letter-spacing:-.024em;
    }
    #siteNav .nav-inner a.nav-title-link{
      letter-spacing:-.068em;
    }
    .home-title{
      letter-spacing:-.078em;
    }
    .home-eyebrow,
    .home-suggestions-kicker{
      letter-spacing:.055em;
    }
    .home-cta,
    .home-suggestion-title,
    .home-suggestion-desc,
    .home-suggestions-copy,
    .home-feature-card p{
      letter-spacing:-.02em;
    }
    .home-carousel-title{
      letter-spacing:.048em;
    }

    html[data-theme^="light-"] .custom-media-controls{
      color:var(--text);
      border-color:var(--glass-outline);
      background:
        radial-gradient(420px 90px at 18% 50%, color-mix(in srgb, var(--accent), transparent 88%), transparent 66%),
        linear-gradient(180deg, rgba(255,255,255,.94), var(--glass-strong));
      box-shadow:0 16px 38px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.42);
    }
    html[data-theme^="light-"] .player:hover .custom-media-controls,
    html[data-theme^="light-"] .custom-media-controls:focus-within{
      border-color:var(--glass-outline);
    }

    html[data-theme^="light-"] .cmc-btn{
      color:var(--text);
      border-color:var(--glass-outline);
      background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.92), transparent 46%),
        linear-gradient(180deg, rgba(255,255,255,.90), var(--glass-strong));
      text-shadow:none;
      box-shadow:0 8px 18px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.50);
    }
    html[data-theme^="light-"] .cmc-btn::before{
      background:linear-gradient(135deg, transparent, color-mix(in srgb, var(--accent), transparent 76%));
      opacity:.42;
    }
    html[data-theme^="light-"] .cmc-btn::after{
      background:linear-gradient(180deg, rgba(255,255,255,.26), transparent);
    }
    html[data-theme^="light-"] .cmc-btn:hover{
      color:var(--text);
      border-color:var(--accent);
      background:linear-gradient(180deg, #fff, var(--glass-hover));
      box-shadow:0 10px 22px rgba(0,0,0,.14), 0 0 0 1px color-mix(in srgb, var(--accent), transparent 72%);
    }
    html[data-theme^="light-"] .cmc-btn:focus{
      box-shadow:0 8px 20px rgba(0,0,0,.14), var(--ring);
    }
    html[data-theme^="light-"] .cmc-cc.is-active{
      color:var(--text);
      border-color:var(--accent);
      background:linear-gradient(135deg, var(--glass-hover), rgba(255,255,255,.88));
      box-shadow:0 0 0 2px color-mix(in srgb, var(--accent), transparent 78%);
    }
    html[data-theme^="light-"] .cmc-cast.is-active{
      color:var(--text);
      border-color:var(--accent);
      background:linear-gradient(135deg, var(--glass-hover), rgba(255,255,255,.88));
      box-shadow:0 0 0 2px color-mix(in srgb, var(--accent), transparent 78%);
    }

    html[data-theme^="light-"] .cmc-time,
    html[data-theme^="light-"] .cmc-duration,
    html[data-theme^="light-"] .cmc-duration.is-remaining{
      color:var(--text);
    }
    html[data-theme^="light-"] .cmc-duration:hover{
      color:var(--text);
      background:var(--glass-hover);
      box-shadow:inset 0 0 0 1px var(--glass-outline);
    }
    html[data-theme^="light-"] .cmc-seek::before{
      background:color-mix(in srgb, var(--deep), transparent 78%);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--deep), transparent 70%);
    }
    html[data-theme^="light-"] .cmc-buffered{
      background:color-mix(in srgb, var(--deep), transparent 62%);
    }
    html[data-theme^="light-"] .cmc-progress{
      background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent), #fff 28%));
      box-shadow:0 0 12px color-mix(in srgb, var(--accent), transparent 66%);
    }
    html[data-theme^="light-"] .cmc-handle{
      background:#fff;
      border-color:var(--accent);
      box-shadow:0 3px 10px rgba(0,0,0,.22), 0 0 12px color-mix(in srgb, var(--accent), transparent 55%);
    }
    html[data-theme^="light-"] .cmc-select{
      color:var(--text);
      border-color:var(--glass-outline);
      background:rgba(255,255,255,.78);
    }

    html[data-theme^="light-"] .cmc-aspect-menu,
    html[data-theme^="light-"] .cmc-volume-panel{
      color:var(--text);
      border-color:var(--glass-outline);
      background:linear-gradient(180deg, rgba(255,255,255,.97), var(--glass-strong));
      box-shadow:0 16px 34px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.45);
    }
    html[data-theme^="light-"] .cmc-aspect-option{
      color:var(--text);
      border-color:var(--glass-outline);
      background:rgba(255,255,255,.70);
    }
    html[data-theme^="light-"] .cmc-aspect-option:hover,
    html[data-theme^="light-"] .cmc-aspect-option.is-active{
      color:var(--text);
      border-color:var(--accent);
      background:var(--glass-hover);
      box-shadow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 75%);
    }
    html[data-theme^="light-"] .cmc-volume-readout{
      color:var(--text);
      background:var(--glass-hover);
      box-shadow:inset 0 0 0 1px var(--glass-outline);
    }
    html[data-theme^="light-"] .cmc-volume-track-wrap::before{
      background:color-mix(in srgb, var(--deep), transparent 78%);
      box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--deep), transparent 70%);
    }

    html[data-theme^="light-"] .cmc-reaction-meter{
      border-color:var(--glass-outline);
      box-shadow:0 8px 18px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.50);
    }
    html[data-theme^="light-"] .cmc-reaction-meter::before{
      background:
        radial-gradient(circle at 18% 20%, rgba(0,160,90,.15), transparent 34%),
        radial-gradient(circle at 82% 80%, rgba(210,52,70,.14), transparent 38%),
        rgba(255,255,255,.72);
    }
    html[data-theme^="light-"] .cmc-reaction-meter.no-data{
      background:rgba(255,255,255,.66);
    }
    html[data-theme^="light-"] .cmc-reaction-btn{
      color:var(--text);
      border-color:var(--glass-outline);
      background:rgba(255,255,255,.62);
    }
    html[data-theme^="light-"] .cmc-reaction-btn:hover{
      border-color:var(--accent);
      background:rgba(255,255,255,.88);
    }

    html[data-theme^="light-"] .glow-controls,
    html[data-theme^="light-"] .url-play-btn,
    html[data-theme^="light-"] .url-panel{
      color:var(--text);
      border-color:var(--glass-outline);
      background:rgba(255,255,255,.78);
      box-shadow:0 10px 24px rgba(0,0,0,.14);
    }
    html[data-theme^="light-"] .glow-controls label,
    html[data-theme^="light-"] .glow-controls .caret{
      color:var(--text);
    }
    html[data-theme^="light-"] .glow-controls select,
    html[data-theme^="light-"] .url-form input,
    html[data-theme^="light-"] .url-form button{
      color:var(--text);
      border-color:var(--glass-outline);
      background:rgba(255,255,255,.72);
    }
    html[data-theme^="light-"] .url-form input::placeholder{
      color:var(--muted);
    }
    html[data-theme^="light-"] .url-play-btn:hover,
    html[data-theme^="light-"] .url-form button:hover{
      color:var(--text);
      border-color:var(--accent);
      background:#fff;
    }

    .home-playlists-overlay{
      --home-playlists-panel-top:16px;
      --home-playlists-panel-width:calc(100vw - 32px);
      align-items:flex-start;
      justify-content:center;
      box-sizing:border-box;
      padding:var(--home-playlists-panel-top) 16px 16px;
      overflow:hidden;
    }
    .home-playlists-panel{
      box-sizing:border-box;
      width:min(var(--home-playlists-panel-width), calc(100vw - 32px));
      max-height:calc(100dvh - var(--home-playlists-panel-top) - 16px);
      padding:18px 20px 20px;
      scrollbar-color:color-mix(in srgb, var(--accent), transparent 38%) transparent;
      scrollbar-width:thin;
    }
    .home-playlists-intro{
      margin:8px 0 10px;
    }
    .home-playlists-list{
      display:grid;
      grid-template-columns:minmax(0, 1fr);
      gap:8px;
    }
    .home-playlist-card{
      display:grid;
      grid-template-columns:minmax(170px, 218px) minmax(0, 1fr);
      align-items:stretch;
      gap:12px;
      min-height:88px;
      padding:8px 9px;
    }
    .home-playlist-card-summary{
      display:flex;
      min-width:0;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      gap:7px;
      padding:2px 3px;
    }
    .home-playlist-card-text{
      width:100%;
      min-width:0;
    }
    .home-playlist-name-heading{
      margin:0;
      max-width:100%;
    }
    .home-playlist-name-toggle{
      display:inline-flex;
      max-width:100%;
      align-items:center;
      gap:6px;
      margin:0;
      padding:0;
      border:none;
      background:none;
      color:var(--text);
      font:inherit;
      font-size:14px;
      font-weight:850;
      line-height:1.3;
      text-align:left;
      cursor:pointer;
    }
    .home-playlist-name-toggle:hover,
    .home-playlist-name-toggle:focus-visible{
      color:var(--accent);
      outline:none;
    }
    .home-playlist-name-label{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .home-playlist-name-chevron{
      flex:0 0 auto;
      display:inline-block;
      color:var(--muted);
      font-size:13px;
      transition:transform 140ms ease, color 140ms ease;
    }
    .home-playlist-card.is-expanded .home-playlist-name-chevron{
      color:var(--accent);
      transform:rotate(90deg);
    }
    .home-playlist-card:not(.is-expanded){
      grid-template-columns:minmax(0, 1fr);
    }
    .home-playlist-card.is-expanded{
      grid-template-columns:minmax(170px, 218px) minmax(0, 1fr);
    }
    .home-playlist-card:not(.is-expanded) .home-playlist-rail-shell{
      display:none;
    }
    .home-playlist-default-badge{
      align-self:flex-start;
    }
    .home-playlist-actions{
      display:flex;
      flex-wrap:wrap;
      gap:5px;
    }
    .home-playlist-actions[hidden]{ display:none; }
    .home-playlist-actions button,
    .home-playlist-slot-create,
    .home-playlist-rename-form button{
      display:inline-flex;
      min-height:27px;
      align-items:center;
      justify-content:center;
      padding:4px 9px;
      border:1px solid var(--border);
      border-radius:4px;
      color:var(--text);
      background:rgba(255,255,255,.075);
      font:inherit;
      font-size:10.5px;
      font-weight:850;
      cursor:pointer;
    }
    .home-playlist-actions button:hover,
    .home-playlist-actions button:focus-visible,
    .home-playlist-slot-create:hover,
    .home-playlist-slot-create:focus-visible,
    .home-playlist-rename-form button:hover,
    .home-playlist-rename-form button:focus-visible{
      border-color:var(--accent);
      background:rgba(255,255,255,.13);
      outline:none;
      box-shadow:var(--ring);
    }
    .home-playlist-actions .is-danger{
      border-color:rgba(255,91,112,.34);
      color:#ffb9c1;
      background:rgba(255,74,91,.09);
    }
    .home-playlist-rail-shell{
      display:grid;
      min-width:0;
      grid-template-columns:minmax(0, 1fr) 30px;
      align-items:stretch;
      gap:6px;
    }
    .home-playlist-thumbnails{
      display:grid;
      min-width:0;
      grid-auto-flow:column;
      grid-auto-columns:clamp(112px, 10vw, 148px);
      align-items:center;
      gap:6px;
      padding:0 0 5px;
      overflow-x:scroll;
      overflow-y:hidden;
      overscroll-behavior-inline:contain;
      scroll-snap-type:x proximity;
      scrollbar-color:color-mix(in srgb, var(--accent), transparent 28%) rgba(255,255,255,.06);
      scrollbar-width:thin;
    }
    .home-playlist-thumbnails:focus-visible{
      border-radius:4px;
      outline:none;
      box-shadow:var(--ring);
    }
    .home-playlist-thumbnails::-webkit-scrollbar{ height:6px; }
    .home-playlist-thumbnails::-webkit-scrollbar-track{
      border-radius:4px;
      background:rgba(255,255,255,.06);
    }
    .home-playlist-thumbnails::-webkit-scrollbar-thumb{
      border-radius:4px;
      background:color-mix(in srgb, var(--accent), transparent 28%);
    }
    .home-playlist-thumb{
      position:relative;
      display:block;
      width:100%;
      aspect-ratio:16 / 9;
      min-height:62px;
      overflow:hidden;
      scroll-snap-align:start;
      border:1px solid rgba(255,255,255,.10);
      border-radius:4px;
      background:
        linear-gradient(135deg, color-mix(in srgb, var(--deep), #fff 7%), color-mix(in srgb, var(--deep), #000 10%));
    }
    .home-playlist-thumb-video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      background:var(--deep);
    }
    .home-playlist-thumb-label{
      position:absolute;
      right:0;
      bottom:0;
      left:0;
      z-index:1;
      display:block;
      overflow:hidden;
      padding:5px 7px;
      color:#fff;
      background:linear-gradient(180deg, transparent, rgba(0,0,0,.84));
      font-size:9.5px;
      font-weight:850;
      line-height:1.2;
      text-overflow:ellipsis;
      text-shadow:0 1px 3px rgba(0,0,0,.76);
      white-space:nowrap;
    }
    .home-playlist-thumb.is-empty{
      border-style:dashed;
      opacity:.68;
      background:
        repeating-linear-gradient(135deg, rgba(255,255,255,.045) 0 8px, rgba(255,255,255,.018) 8px 16px),
        color-mix(in srgb, var(--deep), transparent 24%);
    }
    
    .home-playlist-thumb-wrap{
      position:relative;
      width:100%;
      aspect-ratio:16 / 9;
      min-height:62px;
    }
    .home-playlist-thumb-wrap .home-playlist-thumb{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
    }
    .home-playlist-thumb-remove{
      position:absolute;
      top:4px;
      right:4px;
      z-index:2;
      display:grid;
      width:22px;
      height:22px;
      padding:0;
      place-items:center;
      border:1px solid rgba(255,255,255,.28);
      border-radius:4px;
      color:#fff;
      background:rgba(20,10,12,.64);
      font-size:14px;
      line-height:1;
      cursor:pointer;
      opacity:0;
      transform:translateY(-3px);
      transition:opacity 120ms ease, transform 120ms ease, background 120ms ease, border-color 120ms ease;
    }
    .home-playlist-thumb-wrap:hover .home-playlist-thumb-remove,
    .home-playlist-thumb-wrap:focus-within .home-playlist-thumb-remove,
    .home-playlist-thumb-remove:focus-visible{
      opacity:1;
      transform:translateY(0);
    }
    .home-playlist-thumb-remove:hover,
    .home-playlist-thumb-remove:focus-visible{
      border-color:rgba(255,91,112,.66);
      background:rgba(255,74,91,.78);
      outline:none;
    }
    .home-playlist-thumb-remove:disabled{
      cursor:not-allowed;
      opacity:.5 !important;
    }
    @media (hover:none){
      
      .home-playlist-thumb-remove{
        opacity:1;
        transform:none;
        background:rgba(20,10,12,.5);
      }
    }
    .home-playlist-scroll-controls{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      justify-content:center;
      gap:5px;
    }
    .home-playlist-scroll-button{
      display:grid;
      width:30px;
      min-width:30px;
      height:30px;
      place-items:center;
      padding:0;
      border:1px solid var(--border);
      border-radius:4px;
      color:var(--text);
      background:rgba(255,255,255,.075);
      font-size:21px;
      line-height:1;
      cursor:pointer;
    }
    .home-playlist-scroll-button:hover,
    .home-playlist-scroll-button:focus-visible{
      border-color:var(--accent);
      background:rgba(255,255,255,.14);
      outline:none;
      box-shadow:var(--ring);
    }
    .home-playlist-scroll-button:disabled{
      cursor:default;
      opacity:.28;
      box-shadow:none;
    }
    .home-playlist-card.is-empty-slot{
      border-style:dashed;
      background:rgba(255,255,255,.022);
    }
    .home-playlist-slot-create{
      color:var(--accent);
      border-color:color-mix(in srgb, var(--accent), transparent 62%);
      background:color-mix(in srgb, var(--accent), transparent 90%);
    }
    .home-playlist-rename-form{
      display:flex;
      width:100%;
      flex-wrap:wrap;
      gap:5px;
    }
    .home-playlist-rename-form input{
      width:100%;
      min-width:0;
      min-height:30px;
      padding:5px 7px;
      border:1px solid var(--accent);
      border-radius:4px;
      color:var(--text);
      background:rgba(255,255,255,.07);
      font:inherit;
      font-size:11.5px;
      font-weight:750;
      outline:none;
      box-shadow:var(--ring);
    }
    .home-playlist-rename-form .is-secondary{
      color:var(--muted);
    }
    .home-playlists-create > label{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .home-playlists-create > label span{
      color:var(--muted);
      font-size:10px;
      font-weight:750;
      letter-spacing:0;
      text-transform:none;
    }
    .home-playlists-create input:disabled,
    .home-playlists-create button:disabled{
      cursor:not-allowed;
      opacity:.52;
    }

    html[data-theme^="light-"] .home-playlist-actions button,
    html[data-theme^="light-"] .home-playlist-slot-create,
    html[data-theme^="light-"] .home-playlist-rename-form button,
    html[data-theme^="light-"] .home-playlist-scroll-button,
    html[data-theme^="light-"] .home-playlist-rename-form input{
      border-color:var(--glass-outline);
      color:var(--text);
      background:rgba(255,255,255,.72);
    }
    html[data-theme^="light-"] .home-playlist-actions .is-danger{
      border-color:rgba(139,29,44,.28);
      color:#8b1d2c;
      background:rgba(196,49,69,.08);
    }
    html[data-theme^="light-"] .home-playlist-card.is-empty-slot{
      background:rgba(255,255,255,.42);
    }
    html[data-theme^="light-"] .home-playlist-thumbnails{
      scrollbar-color:color-mix(in srgb, var(--accent), transparent 28%) rgba(0,0,0,.07);
    }
    html[data-theme^="light-"] .home-playlist-thumb.is-empty{
      border-color:var(--glass-outline);
      background:
        repeating-linear-gradient(135deg, rgba(255,255,255,.72) 0 8px, rgba(255,255,255,.42) 8px 16px),
        var(--glass-strong);
    }

    @media (max-width:760px){
      .home-playlists-overlay{
        padding-right:10px;
        padding-left:10px;
      }
      .home-playlists-panel{
        width:min(var(--home-playlists-panel-width), calc(100vw - 20px));
        max-height:calc(100dvh - var(--home-playlists-panel-top) - 10px);
        padding:15px;
      }
      .home-playlist-card{
        grid-template-columns:minmax(0, 1fr);
        gap:7px;
      }
      .home-playlist-card-summary{
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
      }
      .home-playlist-actions{
        justify-content:flex-end;
      }
      .home-playlist-thumbnails{
        grid-auto-columns:118px;
      }
    }

    body#home .home-landing.is-collapsed .home-actions .home-cta.primary,
    body#home .home-landing.is-collapsed .home-actions .home-cta.primary:hover,
    body#home .home-landing.is-collapsed .home-actions .home-cta.primary:focus,
    body#home .home-landing.is-collapsed .home-actions .home-cta.primary:active{
      background:var(--sr-ink, var(--deep, #0B0F1A));
      background-image:none;
      color:#fff;
      -webkit-text-fill-color:#fff;
      border:0;
      box-shadow:none;
      text-shadow:none;
    }
    body#home .home-landing.is-collapsed .home-actions .home-cta.primary:focus-visible{
      outline:2px solid #fff;
      outline-offset:2px;
    }

    body#home .home-suggestions-title,
    body#home .home-carousel-title,
    body#home .home-feature-card h3,
    body#home .home-provider-tab,
    body#home .home-footer-nav-heading{
      text-shadow:none;
    }

    html[data-theme="testbw"] .home-landing.is-collapsed{
      width:75%;
      margin-left:auto;
      margin-right:auto;
      min-height:57px;
      max-height:64.5px;
      padding:10px 54px 10px 15px;
    }
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions{
      width:762.1875px;
      max-height:39px;
      margin-left:52.40625px;
    }
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta{
      min-height:33px;
      padding:0 3.75px;
    }
    html[data-theme="testbw"] .home-landing.is-collapsed .home-actions .home-cta.primary{
      padding:3.75px 6px;
      min-height:0;
    }
    html[data-theme="testbw"] .home-landing.is-collapsed .home-landing-close{
      width:28.5px;
      height:28.5px;
      right:12px;
      font-size:16.5px;
    }
    @media (max-width:760px){
      html[data-theme="testbw"] .home-landing.is-collapsed{
        max-height:none;
        padding:10px 43.5px 10px 12px;
      }
      html[data-theme="testbw"] .home-landing.is-collapsed .home-actions{
        max-height:none;
      }
    }

    body#home .home-suggestion-thumb,
    body#home .video-thumb,
    body#home .search-result-thumb:not(.profile-thumb),
    body#home .p-thumb,
    body#home .home-playlist-thumb,
    body#home .profile-lite-thumb{
      background:#0B0F1A url("assets/img/player-testcard.png") center / cover no-repeat;
    }
    body#home .home-suggestion-thumb,
    body#home .video-thumb,
    body#home .search-result-thumb:not(.profile-thumb),
    body#home .p-thumb{
      font-size:0;
      letter-spacing:0;
    }
    
    body#home .home-playlist-thumb-video{
      background:transparent;
    }

    @media (max-width:1180px){
      #siteNav .nav-inner a.nav-title-link[data-tab="home"],
      #siteNav .nav-inner a.nav-title-link[data-tab="exclusive"],
      #siteNav .nav-inner a.nav-title-link[data-tab="video"],
      #siteNav .nav-inner a.nav-title-link[data-tab="sixties"]{
        min-height:calc(clamp(42px, 4vw, var(--height)) - 3px);
      }
    }
    @media (max-width:780px){
      #siteNav .nav-inner a.nav-title-link[data-tab="home"],
      #siteNav .nav-inner a.nav-title-link[data-tab="exclusive"],
      #siteNav .nav-inner a.nav-title-link[data-tab="video"],
      #siteNav .nav-inner a.nav-title-link[data-tab="sixties"]{
        min-height:39px;
      }
    }

    @media (min-width:781px){
      #siteNav .nav-inner{
        margin-top:calc(clamp(8px, 1vw, 14px) - 28px);
      }
    }
    @media (max-width:780px){
      #siteNav .nav-inner{
        margin-top:calc(clamp(8px, 1vw, 14px) - clamp(10px, 1.25vw, 18px));
      }
    }
    
    @media (max-width:1180px){
      #siteNav > #themeSelect,
      #siteNav > #siteAccessibilityBtn{
        margin-top:-1.5px;
      }
    }

.sr-extras{ display:flex; flex-direction:column; gap:10px; margin:12px 0 4px; }
.sr-extras[hidden], .sr-now-note[hidden], .sr-version-link[hidden], .sr-notes[hidden]{ display:none !important; }
.sr-now-note{ border:1px solid #02ECFC; border-left-width:4px; background:rgba(2,236,252,.06); padding:10px 12px; display:flex; gap:10px; align-items:baseline; color:var(--text, #E9EDF7); }
.sr-note-time{ font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#02ECFC; white-space:nowrap; font-size:12px; }
.sr-version-link{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border:1px solid rgba(138,174,217,.32); padding:10px 12px; color:var(--muted, rgba(233,237,247,.8)); }
.sr-version-btn{ background:#02ECFC; color:#01091D; font-weight:800; text-decoration:none; padding:8px 14px; text-transform:uppercase; letter-spacing:.08em; font-size:12px; }
.sr-version-btn:focus-visible{ outline:2px solid #fff; outline-offset:2px; }
.sr-notes{ margin-top:14px; }
.sr-notes ol{ list-style:none; padding:0; margin:8px 0 0; display:flex; flex-direction:column; gap:6px; }
.sr-notes li{ display:flex; gap:10px; align-items:baseline; }
.sr-note-jump{ background:none; border:0; padding:0; color:#02ECFC; font-weight:800; cursor:pointer; font:inherit; font-weight:800; }
.sr-note-jump:focus-visible{ outline:2px solid #02ECFC; outline-offset:2px; }