/* Atmospheric layer: depth behind content, never a competing illustration. */
:root{--atmosphere-top:rgba(229,235,255,.92);--atmosphere-mid:rgba(247,245,239,.92);--atmosphere-blue:rgba(69,104,255,.15);--atmosphere-violet:rgba(127,93,255,.10);--atmosphere-grid:rgba(58,77,130,.075);--atmosphere-line:rgba(69,104,255,.22)}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--atmosphere-top:rgba(11,15,25,.97);--atmosphere-mid:rgba(16,19,26,.98);--atmosphere-blue:rgba(65,93,255,.22);--atmosphere-violet:rgba(111,72,210,.16);--atmosphere-grid:rgba(143,161,228,.075);--atmosphere-line:rgba(117,145,255,.28)}}
:root[data-theme="night"]{--atmosphere-top:rgba(11,15,25,.97);--atmosphere-mid:rgba(16,19,26,.98);--atmosphere-blue:rgba(65,93,255,.22);--atmosphere-violet:rgba(111,72,210,.16);--atmosphere-grid:rgba(143,161,228,.075);--atmosphere-line:rgba(117,145,255,.28)}
:root[data-theme="day"]{--atmosphere-top:rgba(229,235,255,.92);--atmosphere-mid:rgba(247,245,239,.92);--atmosphere-blue:rgba(69,104,255,.15);--atmosphere-violet:rgba(127,93,255,.10);--atmosphere-grid:rgba(58,77,130,.075);--atmosphere-line:rgba(69,104,255,.22)}
html,body{min-height:100%;background-color:var(--paper)}body{background-image:radial-gradient(830px 650px at 87% 21%,var(--atmosphere-blue),transparent 69%),radial-gradient(780px 680px at -4% 67%,var(--atmosphere-violet),transparent 70%),linear-gradient(180deg,var(--atmosphere-top),var(--atmosphere-mid) 53%,var(--paper) 100%);background-attachment:fixed}.hub-dave{isolation:isolate;position:relative}.hub-dave:before{content:"";position:absolute;z-index:-1;inset:-100px -7vw -60px;background-image:linear-gradient(var(--atmosphere-grid) 1px,transparent 1px),linear-gradient(90deg,var(--atmosphere-grid) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 78% 55% at 57% 20%,#000 10%,transparent 78%);opacity:.72;pointer-events:none}.hero-dave{position:relative}.hero-dave:after{content:"";position:absolute;width:min(52vw,700px);height:1px;right:4%;top:51%;border-top:1px dashed var(--atmosphere-line);transform:rotate(-13deg);transform-origin:right center;opacity:.9;z-index:-1;pointer-events:none}.hero-channels{border-color:color-mix(in srgb,var(--blue) 38%,var(--line));box-shadow:0 28px 70px rgba(26,40,97,.20),0 0 0 1px rgba(112,139,255,.06),inset 0 1px 0 rgba(255,255,255,.22)}.hero-channels:after{content:"";position:absolute;inset:auto -28% -57% 17%;height:74%;background:radial-gradient(ellipse,var(--atmosphere-blue),transparent 67%);filter:blur(7px);animation:dave-glow-drift 13s ease-in-out infinite;pointer-events:none}.hero-channels>*{z-index:1}.channel-panel-head,.hero-destination-list,.channel-panel-note{position:relative}.channel-panel-dot{animation:dave-status-pulse 3.3s ease-in-out infinite}.destination.hero-channel{backdrop-filter:blur(9px);transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}.destination.hero-channel:hover{box-shadow:0 10px 20px rgba(20,32,78,.12)}.hero-kicker .pulse-dot{background:var(--blue);box-shadow:0 0 0 7px color-mix(in srgb,var(--blue) 18%,transparent),0 0 20px color-mix(in srgb,var(--blue) 65%,transparent)}@keyframes dave-status-pulse{50%{transform:scale(1.1);box-shadow:0 0 0 9px rgba(216,244,91,.08)}}@keyframes dave-glow-drift{50%{transform:translate(-5%, -6%) scale(1.1);opacity:.8}}@media(prefers-reduced-motion:reduce){.hero-channels:after,.channel-panel-dot{animation:none}}@media(max-width:800px){body{background-image:radial-gradient(520px 420px at 95% 13%,var(--atmosphere-blue),transparent 72%),linear-gradient(180deg,var(--atmosphere-top),var(--paper) 65%);background-attachment:scroll}.hub-dave:before{inset:-40px -18px -30px;background-size:34px 34px;mask-image:radial-gradient(ellipse 100% 42% at 60% 11%,#000,transparent 89%);opacity:.48}.hero-dave:after{display:none}.hero-channels{box-shadow:0 18px 46px rgba(26,40,97,.18),0 0 0 1px rgba(112,139,255,.05)}}