* { box-sizing: border-box; }

    :root {
      color-scheme: dark;
      --black: #000;
      --panel: rgba(5, 10, 18, 0.82);
      --panel-soft: rgba(6, 13, 22, 0.84);
      --line: rgba(114, 145, 178, 0.28);
      --blue: #1477ff;
      --cyan: #45d9ff;
      --green: #4cff68;
      --red: #ff3347;
      --pink: #ff4fd8;
      --violet: #9d5cff;
      --text: #f5f7fb;
      --muted: #a8b0c0;
      --gold: #ffca73;
    }

    html { min-height: 100%; background: var(--black); }

    body {
      min-height: 100svh;
      margin: 0;
      overflow-x: hidden;
      color: var(--text);
      background:
        radial-gradient(circle at 16% 12%, rgba(69, 217, 255, 0.15), transparent 21rem),
        radial-gradient(circle at 84% 18%, rgba(255, 79, 216, 0.13), transparent 24rem),
        radial-gradient(circle at 42% 88%, rgba(76, 255, 104, 0.08), transparent 25rem),
        linear-gradient(180deg, #000 0%, #030712 42%, #080713 72%, #000 100%);
      font-family:
        Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: 0.24;
      background:
        linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px) 0 0 / 100% 3px,
        linear-gradient(90deg, rgba(69,217,255,0.035) 1px, transparent 1px) 0 0 / 6rem 100%,
        radial-gradient(circle at center, transparent 0, rgba(0,0,0,0.68) 78%);
      mix-blend-mode: screen;
    }

    .tv-shell {
      width: min(72rem, calc(100% - 2rem));
      min-height: 100svh;
      margin-inline: auto;
      padding:
        calc(env(safe-area-inset-top, 0px) + 0.7rem)
        0
        calc(env(safe-area-inset-bottom, 0px) + 2rem);
      display: grid;
      gap: clamp(0.95rem, 3vw, 1.65rem);
      position: relative;
      z-index: 1;
    }

    .page-actions {
      position: absolute;
      top: calc(env(safe-area-inset-top, 0px) + 0.7rem);
      right: 0;
      z-index: 5;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 0.55rem;
    }

    .back-link {
      width: fit-content;
      min-height: 2.55rem;
      padding: 0.68rem 0.95rem;
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      border: 1px solid rgba(91, 134, 171, 0.34);
      border-radius: 999px;
      color: #c4cede;
      background: rgba(3, 10, 18, 0.68);
      text-decoration: none;
      font-size: 0.72rem;
      font-weight: 760;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      box-shadow: inset 0 0 1rem rgba(20, 119, 255, 0.035);
    }

    .back-link::before {
      color: var(--green);
      font-size: 1.1rem;
      line-height: 1;
      filter: drop-shadow(0 0 0.35rem rgba(76, 255, 104, 0.45));
    }

    .back-link--section::before {
      content: "↗";
      color: #d88cff;
      font-size: 1.02rem;
      font-weight: 850;
      filter: drop-shadow(0 0 0.44rem rgba(193, 92, 255, 0.72));
      text-shadow:
        0 0 0.45rem rgba(193, 92, 255, 0.82),
        0 0 0.85rem rgba(109, 224, 255, 0.22);
    }

    .back-link--home::before { content: "‹"; }

    .tv-stage {
      position: relative;
      overflow: hidden;
      min-height: min(54svh, 36rem);
      padding: clamp(1.05rem, 4vw, 2.4rem);
      display: grid;
      align-content: end;
      border: 1px solid var(--line);
      border-radius: clamp(1.3rem, 4vw, 2.1rem);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.04), transparent 18%),
        linear-gradient(115deg, rgba(20,119,255,0.10), transparent 38%, rgba(255,79,216,0.08)),
        rgba(2, 7, 14, 0.84);
      box-shadow:
        0 1.3rem 3.2rem rgba(0, 0, 0, 0.45),
        0 0 2.4rem rgba(20, 119, 255, 0.09),
        inset 0 0 3rem rgba(69, 217, 255, 0.035);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .tv-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.26;
      background:
        linear-gradient(115deg, transparent 0 18%, rgba(255,255,255,0.07) 21%, transparent 38%),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 5.8rem),
        repeating-linear-gradient(0deg, rgba(255,255,255,0.038) 0 1px, transparent 1px 7.2rem);
      transform: skewY(-4deg) scale(1.08);
      pointer-events: none;
    }

    .signal-wall {
      position: absolute;
      inset: 1.2rem;
      opacity: 0.42;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 0.6rem;
      transform: perspective(52rem) rotateX(2deg) rotateY(-5deg) translateY(-1.2rem);
      transform-origin: top left;
      pointer-events: none;
    }

    .signal-tile {
      min-height: clamp(4.2rem, 10vw, 7.4rem);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 0.35rem;
      background:
        linear-gradient(145deg, rgba(255,255,255,0.13), transparent 28%),
        linear-gradient(180deg, var(--tone-a), var(--tone-b));
      box-shadow: 0 0.7rem 1.2rem rgba(0,0,0,0.32);
    }

    .signal-tile:nth-child(3n) { transform: translateY(1rem); }
    .signal-tile:nth-child(4n) { transform: translateY(-0.6rem); }
    .signal-tile:nth-child(5n) { opacity: 0.72; }

    .tv-copy {
      position: relative;
      z-index: 2;
      max-width: 48rem;
    }

    .eyebrow {
      margin: 0 0 0.9rem;
      color: #9ed8ff;
      font-size: clamp(0.72rem, 2vw, 0.9rem);
      font-weight: 820;
      letter-spacing: 0.34em;
      text-transform: uppercase;
      text-shadow: 0 0 0.7rem rgba(20,119,255,0.28);
    }

    h1 {
      margin: 0;
      font-size: clamp(4rem, 16vw, 10.5rem);
      line-height: 0.82;
      letter-spacing: -0.085em;
      text-transform: uppercase;
      text-shadow:
        0 0 1rem rgba(255,255,255,0.12),
        0 0 2rem rgba(20,119,255,0.12),
        0 0 2.8rem rgba(255,79,216,0.06);
    }

    .tagline {
      max-width: 43rem;
      margin: clamp(1rem, 4vw, 1.7rem) 0 0;
      color: #c1c9d8;
      font-size: clamp(1.02rem, 3vw, 1.35rem);
      line-height: 1.65;
      text-wrap: balance;
    }

    .build-note {
      width: fit-content;
      margin-top: clamp(1.15rem, 3vw, 1.8rem);
      padding: 0.62rem 0.95rem;
      border: 1px solid rgba(76, 255, 104, 0.30);
      border-radius: 999px;
      color: #d7ffdf;
      background: rgba(76, 255, 104, 0.06);
      font-size: 0.72rem;
      font-weight: 780;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .shelf-grid {
      display: grid;
      gap: 1rem;
    }

    .shelf-card {
      position: relative;
      min-height: 24rem;
      overflow: hidden;
      border: 1px solid rgba(91, 134, 171, 0.26);
      border-radius: 1.35rem;
      background:
        radial-gradient(circle at 20% 12%, rgba(255,255,255,0.07), transparent 8rem),
        linear-gradient(145deg, rgba(8, 17, 29, 0.94), rgba(3, 9, 17, 0.88));
      box-shadow:
        inset 0 0 1.2rem rgba(20, 119, 255, 0.035),
        0 1rem 2rem rgba(0, 0, 0, 0.28);
      isolation: isolate;
    }

    .shelf-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        radial-gradient(circle at 84% 16%, var(--accent-soft), transparent 24%),
        radial-gradient(circle at 14% 18%, rgba(20, 119, 255, 0.13), transparent 28%),
        linear-gradient(145deg, rgba(6, 14, 26, 0.86), rgba(2, 7, 14, 0.92));
    }

    .shelf-card::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        linear-gradient(180deg, rgba(2, 6, 13, 0.10) 0%, rgba(2, 6, 13, 0.38) 36%, rgba(2, 6, 13, 0.90) 100%),
        linear-gradient(90deg, var(--accent-line), transparent 36%, transparent 72%, rgba(20,119,255,0.12));
      pointer-events: none;
    }

    .shelf-card--scifi { --accent-soft: rgba(104, 255, 241, 0.16); --accent-line: rgba(89, 176, 255, 0.14); }
    .shelf-card--horror { --accent-soft: rgba(255, 46, 84, 0.18); --accent-line: rgba(255, 46, 84, 0.16); }
    .shelf-card--drama { --accent-soft: rgba(255, 202, 115, 0.15); --accent-line: rgba(255, 166, 77, 0.12); }
    .shelf-card--adaptations { --accent-soft: rgba(157, 92, 255, 0.16); --accent-line: rgba(157, 92, 255, 0.13); }
    .shelf-card--comfort { --accent-soft: rgba(76, 255, 104, 0.13); --accent-line: rgba(76, 255, 104, 0.12); }

    .cover-row {
      position: absolute;
      inset: 1.2rem 1.2rem auto;
      z-index: 3;
      min-height: 14.5rem;
    }

    .tv-cover {
      position: absolute;
      width: clamp(7.8rem, 17vw, 11.2rem);
      aspect-ratio: 2 / 3;
      padding: 0.75rem;
      display: grid;
      align-content: end;
      border: 1px solid rgba(255,255,255,0.13);
      border-radius: 0.7rem;
      color: #fff;
      background:
        linear-gradient(145deg, rgba(255,255,255,0.12), transparent 32%),
        radial-gradient(circle at 20% 18%, rgba(255,255,255,0.11), transparent 30%),
        linear-gradient(180deg, var(--cover-a), var(--cover-b));
      box-shadow:
        0 1rem 2rem rgba(0,0,0,0.38),
        0 0 0 1px rgba(255,255,255,0.04);
      opacity: 0.91;
      filter: saturate(0.95) contrast(1.02) brightness(0.96);
    }


    .tv-cover.has-art {
      padding: 0;
      overflow: hidden;
      background: #000;
    }

    .tv-cover.has-art img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .tv-cover span {
      display: block;
      font-size: clamp(0.78rem, 1.8vw, 1rem);
      font-weight: 850;
      line-height: 1.04;
      letter-spacing: -0.03em;
      text-shadow: 0 0.35rem 0.9rem rgba(0,0,0,0.72);
    }

    .tv-cover small {
      display: block;
      margin-bottom: 0.35rem;
      color: rgba(245,247,251,0.72);
      font-size: 0.58rem;
      font-weight: 820;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .tv-cover:nth-child(1) {
      left: 1rem;
      top: 0.15rem;
      transform: rotate(-8deg);
      z-index: 3;
      --cover-a: rgba(24, 61, 103, 0.94);
      --cover-b: rgba(8, 12, 27, 0.98);
    }

    .tv-cover:nth-child(2) {
      left: 13.4rem;
      top: 0.05rem;
      transform: rotate(-1deg);
      z-index: 5;
      --cover-a: rgba(73, 29, 92, 0.94);
      --cover-b: rgba(8, 10, 24, 0.98);
    }

    .tv-cover:nth-child(3) {
      left: 50%;
      top: 4.8rem;
      transform: translateX(-50%) rotate(3deg);
      z-index: 2;
      --cover-a: rgba(25, 90, 76, 0.94);
      --cover-b: rgba(7, 14, 24, 0.98);
    }

    .tv-cover:nth-child(4) {
      right: 13.4rem;
      top: 0.35rem;
      transform: rotate(7deg);
      z-index: 4;
      --cover-a: rgba(102, 56, 24, 0.94);
      --cover-b: rgba(16, 10, 18, 0.98);
    }

    .tv-cover:nth-child(5) {
      right: 1rem;
      top: 0.8rem;
      transform: rotate(6deg);
      z-index: 1;
      --cover-a: rgba(96, 28, 45, 0.94);
      --cover-b: rgba(8, 9, 18, 0.98);
    }

    .shelf-copy {
      position: absolute;
      inset: auto 0 0 0;
      z-index: 4;
      padding: 1.25rem;
      display: grid;
      gap: 0.55rem;
    }

    .shelf-kicker {
      color: #98d5ff;
      font-size: 0.68rem;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      text-shadow: 0 0 0.5rem rgba(20,119,255,0.22);
    }

    .shelf-title {
      margin: 0;
      font-size: clamp(1.45rem, 3.5vw, 2.4rem);
      line-height: 1.02;
      letter-spacing: -0.045em;
    }

    .shelf-summary {
      margin: 0;
      max-width: 43rem;
      color: #c0c8d8;
      font-size: 0.95rem;
      line-height: 1.55;
      text-wrap: balance;
    }

    .shelf-status {
      width: fit-content;
      margin-top: 0.2rem;
      padding: 0.42rem 0.7rem;
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 999px;
      color: #dbe6f6;
      background: rgba(255,255,255,0.04);
      font-size: 0.66rem;
      font-weight: 780;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    @media (max-width: 920px) {
      .shelf-card { min-height: 28rem; }
      .cover-row { min-height: 17rem; }
      .tv-cover:nth-child(1) { left: 0; }
      .tv-cover:nth-child(2) { left: 7.2rem; }
      .tv-cover:nth-child(3) { left: 14.4rem; top: 0.55rem; transform: rotate(4deg); }
      .tv-cover:nth-child(4) { right: 7.2rem; }
      .tv-cover:nth-child(5) { right: 0; }
    }

    @media (max-width: 680px) {
      .tv-shell { width: min(100% - 1.1rem, 72rem); }
      .tv-stage { min-height: 52svh; }
      .signal-wall { grid-template-columns: repeat(4, 1fr); opacity: 0.30; }
      .shelf-card { min-height: 34rem; }
      .cover-row { inset: 1rem 0.85rem auto; min-height: 22rem; }
      .tv-cover { width: min(38vw, 8.8rem); }
      .tv-cover:nth-child(1) { left: 0; top: 0; }
      .tv-cover:nth-child(2) { left: 34%; top: 0.15rem; }
      .tv-cover:nth-child(3) { left: auto; right: 0; top: 0.4rem; transform: rotate(7deg); }
      .tv-cover:nth-child(4) { left: 15%; right: auto; top: 8.5rem; transform: rotate(-5deg); }
      .tv-cover:nth-child(5) { right: 13%; top: 8.9rem; transform: rotate(5deg); }
      .shelf-copy { padding: 1rem; }
    }

    @media (max-width: 430px) {
      .tv-stage { min-height: 52svh; }
      .shelf-card { min-height: 33rem; }
      .tv-cover span { font-size: 0.82rem; }
    }
  
    .site-footer {
      position: relative;
      z-index: 10;
      padding: 1.5rem 1rem 2rem;
      color: rgba(245, 247, 251, 0.48);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.16em;
      text-align: center;
      text-transform: lowercase;
    }

    .site-footer span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.45rem 0.75rem;
      border: 1px solid rgba(145, 196, 255, 0.14);
      border-radius: 999px;
      background: rgba(5, 12, 22, 0.34);
      backdrop-filter: blur(10px);
      box-shadow: 0 0 1rem rgba(20, 119, 255, 0.06);
    }

/* v103: former inline style attributes */
.v103-inline-style-1 { --tone-a:#0f3a5c;--tone-b:#060914 }
.v103-inline-style-2 { --tone-a:#4a174b;--tone-b:#080714 }
.v103-inline-style-3 { --tone-a:#173d2e;--tone-b:#050a12 }
.v103-inline-style-4 { --tone-a:#5b1b25;--tone-b:#080714 }
.v103-inline-style-5 { --tone-a:#40306b;--tone-b:#070916 }
.v103-inline-style-6 { --tone-a:#6a3b12;--tone-b:#080714 }
.v103-inline-style-7 { --tone-a:#1d4d5e;--tone-b:#050a14 }
.v103-inline-style-8 { --tone-a:#4e1c2c;--tone-b:#070914 }
.v103-inline-style-9 { --tone-a:#172e53;--tone-b:#050914 }
.v103-inline-style-10 { --tone-a:#325926;--tone-b:#050a12 }
.v103-inline-style-11 { --tone-a:#541d52;--tone-b:#070814 }
.v103-inline-style-12 { --tone-a:#633318;--tone-b:#070814 }
.v103-inline-style-13 { --tone-a:#0f4054;--tone-b:#050914 }
.v103-inline-style-14 { --tone-a:#5e1d2f;--tone-b:#080714 }