/* Interface vocabulary: opaque surfaces, editorial lists, authored SVG symbols.
   Video scene selectors and functional boards/keypads are deliberately excluded. */
:root{--surface:var(--bg-raise);--surface-strong:var(--bg-soft);--glass:var(--bg-raise);--glass-strong:var(--bg-raise);--glass-hi:transparent}
/* icon buttons that sit on dark media (a reel or video: .player[data-kind=reel], or any .on-media / [data-on-media]
   ancestor) keep their own dark glass, so the light theme never paints a cream button over footage (:where keeps the
   rule's specificity unchanged) */
:is(.glass,.nav-in,.tabbar,.dock-in,.appbar .logo,.croven,.chip-btn,.icon-btn:not(:where(.on-media,[data-on-media] .icon-btn,.player[data-kind="reel"] .icon-btn)),.watch,.stage-cap,.focus-tag,.appbar .chapters,.more-menu){background:var(--bg-raise)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 4px 16px #0002!important}
#story .lede{background:var(--bg)!important;backdrop-filter:none!important}
.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.land-main .chapter-page :is(.gets,.inside,.charter,.seasons,.how-steps){display:flex!important;flex-direction:column;gap:12px!important;grid-auto-flow:row!important}
.land-main .chapter-page :is(.get,.in-item,.cc,.season){border:0!important;border-bottom:1px solid var(--border-strong)!important;border-radius:0!important;background:none!important;box-shadow:none!important;grid-row:auto!important;padding:12px 0!important}
.land-main .chapter-page .get{display:grid!important;grid-template-columns:120px minmax(0,1fr);gap:6px 20px!important;align-content:center}
.land-main .chapter-page .get-stage{grid-column:1;grid-row:1/4;width:120px;height:120px;align-self:center}
.land-main .chapter-page .get>:not(.get-stage){grid-column:2;margin:0}
.land-main .chapter-page .season.live{grid-row:auto!important}
.q-build{grid-row:auto!important}
#story .beats{display:flex;flex-direction:column;gap:0}
#story .beats>li{border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;padding:10px 0}
@media(max-width:700px){.grid-3{grid-template-columns:1fr!important}.land-main .chapter-page .get{grid-template-columns:72px minmax(0,1fr);gap:6px 12px!important}.land-main .chapter-page .get-stage{width:72px;height:96px}.land-main .chapter-page .get h3{font-size:19px}}
.land-main .chapter-page .how-step{flex-direction:row;align-items:flex-start;text-align:left;gap:18px}
.land-main .chapter-page .how-copy{max-width:64ch;padding-top:6px;flex:1;min-width:0}
.land-main .chapter-page .how-seg{left:calc(var(--node)/2 - 1px);top:calc(var(--node) + 8px);width:2px;height:calc(100% - var(--node) + 12px)}
.land-main .chapter-page .how-seg i{transform-origin:50% 0}
.fd-out{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Player buttons are interface chrome; the video scene itself stays untouched. */
.cv-cb,.cv-cb-menu,.cv-cb-time{background:var(--bg-raise)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(max-width:700px){.fd-out{grid-template-columns:1fr!important}}
.land-main .chapter-page .beats{display:flex;flex-direction:column;gap:0}
.land-main .chapter-page .beat{border:0;border-bottom:1px solid var(--border-strong);border-radius:0;background:none;box-shadow:none;padding:10px 0}