/* extracted from tvshowdb homepage inline styles — shared by /shows pages */
    /* ════════════════════════════════════════════════════════════════
       TVShowDB — "The Broadcast Schedule"
       A late-night CRT / channel-guide aesthetic. Scanline texture,
       phosphor glow, a real listings-grid layout. Five tunable themes.
       ════════════════════════════════════════════════════════════════ */

    /* THEME 1 — Primetime (default): midnight indigo + phosphor cyan/amber */
    html.t-primetime{
      --bg:#0b1020; --bg2:#10172e; --panel:#141d38; --panel2:#1a2546;
      --ink:#eaf0ff; --dim:#9fb0d4; --faint:#647199;
      --line:rgba(120,150,220,.16); --line2:rgba(120,150,220,.28);
      --glow:#5fe3ff; --glow2:#28b9e0; --hot:#ffb74d; --hot2:#ff8a3d;
      --live:#39e08a; --carpet:#ff5470;
      --scan:rgba(95,227,255,.035); --vign:rgba(5,8,20,.7);
      --title-font:'Fraunces',Georgia,serif;
    }
    /* THEME 2 — Late Show: deep noir black + warm broadcast amber */
    html.t-lateshow{
      --bg:#0a0a0c; --bg2:#121013; --panel:#181519; --panel2:#211c20;
      --ink:#f6efe6; --dim:#c4b39e; --faint:#7d7065;
      --line:rgba(214,170,110,.16); --line2:rgba(214,170,110,.32);
      --glow:#ffc46b; --glow2:#e09a3c; --hot:#ff8f5c; --hot2:#ff6a3d;
      --live:#7ad17a; --carpet:#e04f5f;
      --scan:rgba(255,196,107,.03); --vign:rgba(0,0,0,.75);
      --title-font:'Fraunces',Georgia,serif;
    }
    /* THEME 3 — Test Pattern: bright daytime, paper-ish, SMPTE color bars */
    html.t-testpattern{
      --bg:#f3efe6; --bg2:#ece7da; --panel:#fffdf7; --panel2:#f7f2e7;
      --ink:#1d1c2a; --dim:#5a586c; --faint:#8d8aa0;
      --line:rgba(40,40,70,.14); --line2:rgba(40,40,70,.26);
      --glow:#0a7ea4; --glow2:#0a6b8c; --hot:#d2691e; --hot2:#b5531a;
      --live:#1f9d57; --carpet:#d6336c;
      --scan:rgba(40,40,70,.018); --vign:rgba(180,170,150,.0);
      --title-font:'Fraunces',Georgia,serif;
    }
    /* THEME 4 — VHS: synthwave magenta + electric teal, tape warble */
    html.t-vhs{
      --bg:#120a1f; --bg2:#1a0f2e; --panel:#1f1338; --panel2:#281748;
      --ink:#f3ecff; --dim:#bca6e6; --faint:#8470b0;
      --line:rgba(190,120,255,.18); --line2:rgba(190,120,255,.34);
      --glow:#2af0d8; --glow2:#1bc6b6; --hot:#ff5db1; --hot2:#ff2e95;
      --live:#46e6a0; --carpet:#ff3d7f;
      --scan:rgba(255,93,177,.04); --vign:rgba(10,4,24,.72);
      --title-font:'Fraunces',Georgia,serif;
    }
    /* THEME 5 — Field Day: outdoor-sports green + chalk + scoreboard amber */
    html.t-fieldday{
      --bg:#06170f; --bg2:#0a2016; --panel:#0e2a1d; --panel2:#123626;
      --ink:#edfff4; --dim:#a3d0b8; --faint:#67987e;
      --line:rgba(120,210,160,.16); --line2:rgba(120,210,160,.3);
      --glow:#f2c94c; --glow2:#d6a92f; --hot:#5fe39a; --hot2:#33cf7c;
      --live:#5fe39a; --carpet:#ff6b4a;
      --scan:rgba(120,210,160,.03); --vign:rgba(2,10,6,.7);
      --title-font:'Fraunces',Georgia,serif;
    }

    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:'Bricolage Grotesque',-apple-system,BlinkMacSystemFont,sans-serif;
      background:var(--bg);
      color:var(--ink);
      line-height:1.55;
      min-height:100vh;
      -webkit-font-smoothing:antialiased;
      position:relative;
      overflow-x:hidden;
    }
    /* glowing radial broadcast wash + scanlines + vignette */
    body::before{
      content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
      background:
        radial-gradient(120% 80% at 50% -10%, color-mix(in srgb,var(--glow) 11%,transparent) 0%, transparent 55%),
        radial-gradient(90% 60% at 100% 110%, color-mix(in srgb,var(--hot) 8%,transparent) 0%, transparent 50%),
        linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);
    }
    body::after{
      content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
      background:repeating-linear-gradient(0deg,var(--scan) 0px,var(--scan) 1px,transparent 1px,transparent 3px);
      box-shadow:inset 0 0 240px 40px var(--vign);
    }
    a{color:var(--glow);text-decoration:none;transition:color .15s}
    a:hover{color:var(--ink)}

    .wrap{max-width:1500px;margin:0 auto;padding:0 1.4rem}

    /* ═══ CHANNEL BAR (top nav) ═══ */
    .chbar{
      position:sticky;top:0;z-index:80;
      background:color-mix(in srgb,var(--bg) 86%,transparent);
      backdrop-filter:saturate(150%) blur(12px);
      -webkit-backdrop-filter:saturate(150%) blur(12px);
      border-bottom:1px solid var(--line);
    }
    .chbar::after{
      content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;
      background:linear-gradient(90deg,var(--carpet),var(--hot),var(--glow),var(--carpet));
      opacity:.8;
    }
    .chbar-in{display:flex;align-items:center;gap:1.1rem;padding:.7rem 1.4rem;max-width:1500px;margin:0 auto;flex-wrap:wrap}
    .logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
    .logo .tube{
      width:30px;height:24px;border-radius:5px;flex-shrink:0;position:relative;
      background:linear-gradient(135deg,var(--panel2),var(--bg));
      border:1.5px solid var(--line2);
      box-shadow:0 0 14px color-mix(in srgb,var(--glow) 35%,transparent);
    }
    .logo .tube::before{content:'';position:absolute;inset:3px;border-radius:3px;
      background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,color-mix(in srgb,var(--glow) 30%,transparent) 2px,color-mix(in srgb,var(--glow) 30%,transparent) 3px);}
    .logo .tube::after{content:'';position:absolute;top:-4px;right:5px;width:1.5px;height:7px;background:var(--line2);transform:rotate(20deg);transform-origin:bottom}
    .logo .name{font-weight:800;font-size:1.18rem;letter-spacing:-.02em;color:var(--ink)}
    .logo .name b{color:var(--glow)}
    .chnav{display:flex;gap:.2rem;align-items:center;flex-wrap:wrap;margin-left:.4rem}
    .chnav a{
      font-size:.72rem;font-weight:600;letter-spacing:.04em;
      color:var(--dim);padding:.4em .75em;border-radius:6px;
      font-family:'DM Mono',monospace;text-transform:uppercase;
    }
    .chnav a:hover{color:var(--ink);background:var(--panel)}
    .chnav a.cur{color:var(--bg);background:var(--glow)}
    .clockchip{
      margin-left:auto;font-family:'DM Mono',monospace;font-size:.7rem;
      letter-spacing:.04em;color:var(--dim);
      border:1px solid var(--line);border-radius:7px;padding:.42em .8em;
      background:var(--panel);white-space:nowrap;
    }
    .clockchip b{color:var(--hot)}

    /* ═══ HERO / MARQUEE ═══ */
    .hero{padding:3.4rem 1.4rem 1.2rem;max-width:1500px;margin:0 auto;text-align:center}
    .kick{
      display:inline-flex;align-items:center;gap:.6em;
      font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.3em;text-transform:uppercase;
      color:var(--glow);border:1px solid var(--line2);border-radius:999px;
      padding:.5em 1.3em;margin-bottom:1.3rem;
      background:color-mix(in srgb,var(--glow) 7%,transparent);
    }
    .kick .dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 9px var(--live);animation:pulse 1.6s ease-in-out infinite}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
    .hero h1{
      font-family:var(--title-font);
      font-optical-sizing:auto;
      font-weight:600;
      font-size:clamp(2.4rem,6vw,5rem);
      line-height:1.02;letter-spacing:-.025em;color:var(--ink);
      margin-bottom:.7rem;
      text-shadow:0 0 50px color-mix(in srgb,var(--glow) 22%,transparent);
    }
    .hero h1 em{font-style:italic;color:var(--hot);font-weight:500}
    .hero p{font-size:1rem;color:var(--dim);max-width:62ch;margin:0 auto;line-height:1.7}
    .hero p b{color:var(--ink);font-weight:600}

    /* ═══ LIVE PANELS — "ON AIR" ═══ */
    .panels{max-width:1500px;margin:2.2rem auto 0;padding:0 1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
    .panel{
      background:linear-gradient(180deg,var(--panel),var(--panel2));
      border:1px solid var(--line);border-radius:14px;
      padding:1.1rem 1.2rem 1.3rem;position:relative;overflow:hidden;
    }
    .panel::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--glow),transparent)}
    .panel.next::before{background:linear-gradient(90deg,var(--hot),transparent)}
    .p-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
    .p-title{font-family:'DM Mono',monospace;font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--glow);display:flex;align-items:center;gap:.55em}
    .panel.next .p-title{color:var(--hot)}
    .p-title.on::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 9px var(--live);animation:pulse 1.6s ease-in-out infinite}
    .p-count{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.08em;color:var(--faint)}
    .p-list{display:grid;gap:.5rem;max-height:344px;overflow-y:auto;padding-right:.3rem}
    .p-list::-webkit-scrollbar{width:6px}
    .p-list::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}
    .lcard{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.6rem .75rem;background:color-mix(in srgb,var(--ink) 3%,transparent);border:1px solid var(--line);border-left:3px solid var(--glow);border-radius:9px;transition:background .15s,transform .12s}
    .lcard.on{border-left-color:var(--live);background:color-mix(in srgb,var(--live) 8%,transparent)}
    .lcard:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);transform:translateX(2px)}
    .lc-time{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--hot);min-width:4.6rem}
    .lcard.on .lc-time{color:var(--live)}
    .lc-body{min-width:0}
    .lc-title{font-family:var(--title-font);font-size:.98rem;font-weight:600;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .lc-meta{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.04em;color:var(--faint);margin-top:.18rem}
    .lc-meta .net{color:var(--glow)}
    .lc-watch{font-family:'DM Mono',monospace;font-size:.56rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:.45em .8em;background:var(--carpet);color:#fff;border-radius:6px;white-space:nowrap;transition:filter .15s}
    .lc-watch:hover{filter:brightness(1.15)}
    .p-empty{padding:1.5rem .5rem;text-align:center;color:var(--faint);font-size:.82rem;line-height:1.6}

    /* ═══ CONTROLS ═══ */
    .controls{max-width:1500px;margin:2.8rem auto 1rem;padding:0 1.4rem}
    .srow{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
    .search{flex:1;position:relative}
    .search .lbl{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--glow);pointer-events:none}
    .search input{width:100%;padding:1rem 1.2rem 1rem 5.4rem;background:var(--panel);border:1px solid var(--line);border-radius:11px;color:var(--ink);font-family:'Bricolage Grotesque',sans-serif;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}
    .search input::placeholder{color:var(--faint)}
    .search input:focus{border-color:var(--glow);box-shadow:0 0 0 3px color-mix(in srgb,var(--glow) 16%,transparent)}
    .clear-s{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--faint);font-size:1.2rem;cursor:pointer;display:none;padding:.3rem .5rem}
    .clear-s:hover{color:var(--glow)}
    .clear-s.show{display:block}
    .cbadge{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.06em;color:var(--dim);padding:.6em 1em;border:1px solid var(--line);border-radius:9px;background:var(--panel);flex-shrink:0;white-space:nowrap}
    .cbadge b{color:var(--hot);font-weight:500}
    .filters{display:flex;gap:.4rem;flex-wrap:wrap}
    .fbtn{font-family:'DM Mono',monospace;font-size:.64rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.55em 1em;background:transparent;color:var(--dim);border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:all .15s}
    .fbtn:hover{color:var(--glow);border-color:var(--line2)}
    .fbtn.active{background:var(--glow);color:var(--bg);border-color:var(--glow)}

    /* ═══ THE GUIDE (table) ═══ */
    .guide{max-width:1500px;margin:1rem auto 5rem;padding:0 1.4rem}
    table.shows{width:100%;border-collapse:separate;border-spacing:0 0;font-size:.88rem;table-layout:fixed}
    table.shows colgroup .c-title{width:25%}
    table.shows colgroup .c-platform{width:13%}
    table.shows colgroup .c-network{width:12%}
    table.shows colgroup .c-when{width:21%}
    table.shows colgroup .c-genre{width:13%}
    table.shows colgroup .c-status{width:8%}
    table.shows colgroup .c-watch{width:8%}
    table.shows thead th{
      position:sticky;top:50px;z-index:40;
      background:var(--panel2);color:var(--glow);
      font-family:'DM Mono',monospace;font-size:.58rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
      padding:.85rem .8rem;text-align:left;border-bottom:1px solid var(--line2);cursor:pointer;user-select:none;transition:color .15s,background .15s
    }
    table.shows thead th:first-child{border-top-left-radius:10px}
    table.shows thead th:last-child{border-top-right-radius:10px}
    table.shows thead th:hover{color:var(--ink);background:color-mix(in srgb,var(--glow) 9%,var(--panel2))}
    table.shows thead th .arrow{margin-left:.35em;opacity:.35}
    table.shows thead th.sort-asc .arrow,table.shows thead th.sort-desc .arrow{opacity:1;color:var(--hot)}
    table.shows thead th .arrow::after{content:' ◇';font-size:.7em}
    table.shows thead th.sort-asc .arrow::after{content:' ▲'}
    table.shows thead th.sort-desc .arrow::after{content:' ▼'}
    table.shows tbody td{padding:.85rem .8rem;border-bottom:1px solid var(--line);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}
    table.shows tbody tr{transition:background .12s}
    table.shows tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--ink) 1.6%,transparent)}
    table.shows tbody tr:hover td{background:color-mix(in srgb,var(--glow) 6%,transparent)}
    table.shows tbody tr.airing-row td{background:color-mix(in srgb,var(--live) 8%,transparent)}
    table.shows tbody tr.airing-row td:first-child{box-shadow:inset 3px 0 0 var(--live)}
    .s-title{font-family:var(--title-font);font-size:1.04rem;font-weight:600;color:var(--ink);line-height:1.25}
    .pill{display:inline-block;font-family:'DM Mono',monospace;font-size:.58rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.3em .65em;border:1px solid currentColor;border-radius:5px;white-space:nowrap}
    .pill-platform{color:var(--glow)}
    .pill-network{color:var(--dim)}
    .when{font-family:'DM Mono',monospace;font-size:.76rem;color:var(--faint)}
    .when.linear{color:var(--hot)}
    .when .next-air{display:block;font-size:.66rem;color:var(--glow);margin-top:.2rem}
    .when.airing{color:var(--live)}
    .genre{font-size:.74rem;color:var(--dim)}
    .status{font-family:'DM Mono',monospace;font-size:.56rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
    .watch{display:inline-block;font-family:'DM Mono',monospace;font-size:.58rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.5em .85em;background:var(--carpet);color:#fff;border-radius:6px;white-space:nowrap;transition:filter .15s,transform .12s}
    .watch:hover{filter:brightness(1.15);transform:translateX(2px)}
    .empty{text-align:center;padding:4rem 1rem;color:var(--faint);font-size:.9rem}

    /* ═══ FOOTER ═══ */
    footer{max-width:1500px;margin:0 auto;padding:2.6rem 1.4rem 4rem;border-top:1px solid var(--line);text-align:center}
    .updated{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.1em;color:var(--faint);margin-bottom:.8rem}
    footer .note{font-size:.8rem;color:var(--dim);max-width:54ch;margin:0 auto 1rem;line-height:1.7}
    .foot-net{font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.1em;color:var(--faint)}

    /* ═══ THEME PICKER ═══ */
    #tvdb-themes{
      position:fixed;right:.7rem;bottom:.7rem;z-index:200;
      display:flex;gap:.28rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;
      background:color-mix(in srgb,var(--bg) 80%,transparent);
      backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
      border:1px solid var(--line2);border-radius:999px;padding:.34rem .42rem;
      box-shadow:0 8px 28px rgba(0,0,0,.4);max-width:calc(100vw - 1.4rem);
    }
    #tvdb-themes .tl{font-family:'DM Mono',monospace;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);padding:0 .35rem 0 .5rem}
    #tvdb-themes button{
      font-family:'DM Mono',monospace;font-size:.6rem;font-weight:500;letter-spacing:.03em;
      color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:999px;
      padding:.32em .72em;cursor:pointer;transition:all .15s;white-space:nowrap
    }
    #tvdb-themes button:hover{color:var(--ink);border-color:var(--line2)}
    #tvdb-themes button[aria-current="true"]{background:var(--glow);color:var(--bg);border-color:var(--glow)}

    /* ═══ MOBILE ═══ */
    @media (max-width:900px){
      .panels{grid-template-columns:1fr;gap:1rem}
      .clockchip{margin-left:0;width:100%;text-align:center}
      .srow{flex-direction:column;align-items:stretch}
      .cbadge{text-align:center}
      .guide{padding:0 .6rem}
      table.shows{font-size:.8rem}
      table.shows thead th{padding:.6rem .45rem;font-size:.52rem;letter-spacing:.12em}
      table.shows tbody td{padding:.6rem .45rem}
      table.shows colgroup .c-title{width:40%}
      table.shows colgroup .c-platform{width:24%}
      table.shows colgroup .c-network,table.shows colgroup .c-genre,table.shows colgroup .c-status{width:0}
      table.shows colgroup .c-when{width:28%}
      table.shows colgroup .c-watch{width:10%}
      .col-network,.col-genre,.col-status{display:none}
      .s-title{font-size:.88rem}
      #tvdb-themes .tl{display:none}
    }
  </style>