*{box-sizing:border-box}
:root{
  /* Seek Eternity site palette — verbatim from biblestudy.css --se-* vars (Week 1 = 0% stone drift) */
  --se-bg:#1A1A1A;
  --se-card:rgba(28,30,38,.78);     /* translucent — page art shows through */
  --se-elevated:rgba(36,40,50,.66);
  --se-primary:#D4A574;        /* gold — scripture / divine */
  --se-primary-light:#E8C9A4;
  --se-primary-dark:#B8956A;
  --se-teal:#55A3A3;           /* interactive accent */
  --se-violet:#8f7bff;         /* Week 1 motif — the hovering Spirit (creation-palettes) */
  --se-text:#FAFAFA;
  --se-text-muted:#A0A0A0;
  --se-text-dim:#6B6B6B;
  --se-border:rgba(255,255,255,.08);
  --se-radius:16px;
  --serif:Merriweather,Georgia,Cambria,"Times New Roman",serif;
}
html{scroll-behavior:smooth}
body{margin:0;padding-bottom:64px;background:#02060c;color:var(--se-text);font:16px/1.72 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:relative}
/* the images ARE the page background: heavens covers the top, the deep covers the
   bottom, and the dark band in between carries the info */
.page-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#02060c}
.page-bg img{display:block;width:100%}
.bg-top{position:absolute;top:0;left:0;height:115vh;object-fit:cover;object-position:center 20%}
.bg-bot{position:absolute;bottom:0;left:0;height:115vh;object-fit:cover;object-position:center 80%}
.bg-fade-top{position:absolute;top:55vh;left:0;right:0;height:62vh;background:linear-gradient(180deg,rgba(2,6,12,0),rgba(2,6,12,.6) 55%,#02060c 96%)}
.bg-fade-bot{position:absolute;bottom:55vh;left:0;right:0;height:62vh;background:linear-gradient(180deg,#02060c,rgba(2,6,12,.6) 45%,rgba(2,6,12,0) 96%)}
/* week switcher nav — same component every week, palette only changes.
   Layout mirrors the main site: wordmark row, then a centered tab row. */
.weeknav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;flex-direction:column;padding:10px 20px}
/* auth buttons — verbatim from homepage #auth-buttons-container; site
   yellow/orange gradient swapped to SE gold ramp per widget-parity */
.nav-auth{margin-left:auto;display:flex;gap:12px;align-items:center}
.nav-signup{font-size:.75rem;font-weight:600;color:#9ca3af;text-decoration:none;transition:color .2s;white-space:nowrap}
.nav-signup:hover,.nav-signup:focus{color:#fff;outline:none}
.nav-login{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:linear-gradient(90deg,#E8C9A4,#D4A574,#1a1a1a);color:#0a0a0a;font-size:.75rem;font-weight:600;text-decoration:none;box-shadow:0 10px 15px -3px rgba(212,165,116,.3);border:1px solid rgba(232,201,164,.6);white-space:nowrap}
.nav-login:hover,.nav-login:focus{filter:brightness(1.1);outline:none}
/* bottom bar — pixel-verbatim port of the homepage fixed verse/legal bar:
   centered 3-row stack (daily verse → copyright → legal links) */
.edge-bottom{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:39;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 0;background:rgba(0,0,0,.95);backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.05);text-align:center}
.edge-bottom p{margin:0}
.edge-verse{font-size:.72rem;color:#a1a1aa;font-style:italic;font-weight:500;letter-spacing:.05em;padding:0 16px;line-height:1.4}
.edge-copy{font-size:.5rem;color:#3f3f46;text-transform:uppercase;letter-spacing:.3em;font-weight:300}
.edge-legal{font-size:.5rem;text-transform:uppercase;letter-spacing:.25em;font-weight:300}
.edge-legal a{color:#52525b;text-decoration:none;transition:color .2s}
.edge-legal a:hover,.edge-legal a:focus{color:var(--se-primary);outline:none}
.edge-legal i{color:#27272a;font-style:normal}
.weeknav-top{display:flex;align-items:center;min-height:49px;margin:0 -20px;padding:0 20px 8px;border-bottom:1px solid #1a1a1a}
.se-logo{margin:0;font-size:1.05rem}
.se-logo a{display:inline-flex;gap:.38em;align-items:baseline;text-decoration:none;font-weight:800;letter-spacing:.08em;font-family:var(--serif)}
.lg-white{color:var(--se-text)}
.lg-gold{color:var(--se-primary)}
.lg-gray{color:var(--se-text-muted)}
.lg-black{color:#0a0a0a;text-shadow:0 0 7px rgba(255,255,255,.7),0 0 2px rgba(255,255,255,.9)}
.se-logo a:hover .lg-gold,.se-logo a:focus .lg-gold{color:var(--se-primary-light)}
/* same geometry as #tabs-container: wrap (never clips the offset shadow),
   centered, gap .5rem, mt-4, px-4, pb-4 — so the row lands at the same Y
   as on the homepage and the 3px bottom shadow is fully visible */
.week-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;overflow:visible;margin-top:1rem;padding:0 1rem 1rem}
/* mirrors main-site .tab-button (adminlandingpage.css + main.css fluid rules):
   solid --dark-gray bg/border, hard offset shadow — site's yellow swapped to SE gold */
.week-tab{flex:0 0 auto;text-align:center;padding:clamp(4px,.65vw,4px) clamp(9px,.9vw,15px);border:1px solid #1a1a1a;border-radius:15px;color:#ccc;font-size:clamp(.68rem,1.15vw,1rem);font-weight:700;text-decoration:none;background-color:#1a1a1a;box-shadow:2px 2px 0 rgba(212,165,116,.8);transition:all .3s ease;white-space:nowrap;cursor:pointer}
@media(min-width:1280px){.week-tab{box-shadow:3px 3px 0 rgba(212,165,116,.8)}}
.week-tab:hover,.week-tab:focus{background-color:#2a2a2a;color:var(--se-primary);outline:none}
.week-tab.active{background-color:#2a2a2a;color:var(--se-primary)}
main{max-width:1200px;margin:auto;padding:28px 18px 80px;position:relative;counter-reset:sec}
/* first screen = the heavens portion of the page background, fading into the dark band */
.hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:150px 20px 90px;text-align:center;
background:linear-gradient(180deg,rgba(3,7,14,.45),rgba(3,7,14,0) 22%)}
.hero h1,.hero .subtitle,.hero .eyebrow,.hero-question,.hero-flow{position:relative;z-index:6}
.hero h1{z-index:6}
.hero h1{background:linear-gradient(180deg,#FAFAFA 35%,var(--se-primary-light));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 18px rgba(0,0,0,.85))}
.hero .eyebrow,.hero .subtitle,.hero-question{text-shadow:0 1px 12px rgba(0,0,0,.9)}
.hero .subtitle{z-index:6;-webkit-text-stroke:.8px #fff;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 2px 8px rgba(0,0,0,.9)}
.hero-flow span{background:rgba(10,14,22,.55);backdrop-filter:blur(4px)}
.eyebrow,.section-kicker{letter-spacing:.18em;font-size:.75rem;color:var(--se-teal);font-weight:800}
h1{font-family:var(--serif);font-size:clamp(2.3rem,6vw,5rem);line-height:1.03;margin:16px auto 12px;max-width:1000px}
h2{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15;margin:7px 0 18px}
h3{line-height:1.25}
p{color:var(--se-text)}
.subtitle{font-size:1.3rem;color:var(--se-text-muted)}
.hero-question{margin:30px auto 20px;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:800;color:var(--se-primary);letter-spacing:.12em;animation:qGlow 5s ease-in-out infinite}
@keyframes qGlow{0%,100%{text-shadow:0 1px 12px rgba(0,0,0,.9),0 0 18px rgba(212,165,116,.15)}50%{text-shadow:0 1px 12px rgba(0,0,0,.9),0 0 34px rgba(212,165,116,.55)}}
.hero-flow,.flow-bottom{display:flex;justify-content:center;gap:15px;align-items:center;flex-wrap:wrap;font-weight:900;letter-spacing:.12em}
.hero-flow span,.flow-bottom span{padding:9px 14px;border:1px solid var(--se-border);border-radius:999px;background:var(--se-elevated)}
.hero-flow>*{animation:rise .8s cubic-bezier(.2,.7,.3,1) both}
.hero-flow>*:nth-child(2){animation-delay:.12s}.hero-flow>*:nth-child(3){animation-delay:.24s}.hero-flow>*:nth-child(4){animation-delay:.36s}.hero-flow>*:nth-child(5){animation-delay:.48s}.hero-flow>*:nth-child(6){animation-delay:.6s}.hero-flow>*:nth-child(7){animation-delay:.72s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-flow i,.flow-bottom i{color:var(--se-teal)}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.62rem;font-weight:800;letter-spacing:.3em;color:var(--se-text-dim);z-index:6}
.scroll-cue em{font-style:normal;letter-spacing:.12em;font-size:.58rem;color:var(--se-text-muted)}
.scroll-cue span{font-size:1.3rem;color:var(--se-primary);animation:cueBob 2.2s ease-in-out infinite}
@keyframes cueBob{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(7px);opacity:1}}
/* ── de-boxed sections: text floats on the dark band, ghosted chapter numerals,
   hairline dividers — the boxes are gone, the cosmos carries the words ── */
.card{position:relative;background:none;border:0;border-radius:0;box-shadow:none;padding:72px 24px;margin:0;counter-increment:sec}
.card::before{content:counter(sec,decimal-leading-zero);position:absolute;top:34px;right:10px;font-family:var(--serif);font-size:clamp(4.5rem,9vw,7.5rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(212,165,116,.22);pointer-events:none}
.card::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,165,116,.4) 30%,rgba(85,163,163,.4) 70%,transparent)}
.card:last-child::after{display:none}
.two-col .card::before{top:20px;right:4px;font-size:clamp(3.2rem,6vw,4.6rem)}
.section-kicker{margin-bottom:5px;display:flex;align-items:center;gap:12px}
.section-kicker::before{content:"";flex:0 0 34px;height:1px;background:linear-gradient(90deg,var(--se-teal),transparent)}
.card strong{color:#fff}
.callout,.warning,.source-note{border-left:3px solid var(--se-primary);background:linear-gradient(90deg,rgba(212,165,116,.08),transparent 65%);padding:14px 18px;border-radius:0 10px 10px 0;margin:20px 0}
.warning{border-left-color:#c97b7b;background:linear-gradient(90deg,rgba(201,123,123,.08),transparent 65%)}
.source-note{border-left-color:var(--se-teal);background:linear-gradient(90deg,rgba(85,163,163,.08),transparent 65%);font-size:.92rem;color:var(--se-text-muted)}
.verse-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.verse-grid article{border-top:2px solid rgba(212,165,116,.45);padding:16px 4px 0;cursor:pointer;transition:.2s border-color,.2s background}
.verse-grid article:hover,.verse-grid article:focus{border-top-color:var(--se-teal);background:linear-gradient(180deg,rgba(85,163,163,.07),transparent 70%);outline:none}
.verse-grid span{display:block;color:var(--se-primary);font-weight:900;font-family:var(--serif);font-size:1.15rem;letter-spacing:.06em;margin-bottom:8px}
.verse-grid p{font-size:.93rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
/* triptych: 01 left · 03 center dropped lower · 02 right, flanked by
   vertical Hebrew rails carrying בְּרֵאשִׁית בָּרָא אֱלֹהִים. The block is
   allowed to run wider than main's 1200px so the side panels breathe. */
.triptych{display:grid;grid-template-columns:auto minmax(0,.8fr) minmax(0,1.7fr) minmax(0,.8fr) auto;gap:0 52px;align-items:start;width:min(1600px,97vw);margin-left:calc(50% - min(800px,48.5vw));position:relative}
.sec01{grid-column:2;grid-row:1}
.sec02{grid-column:4;grid-row:1}
.center-stack{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:70px}
.hero-fig{margin:0;cursor:zoom-in;position:relative}
.hero-fig::after{content:"EXAMINE";position:absolute;right:14px;bottom:54px;padding:5px 10px;font-size:.58rem;font-weight:900;letter-spacing:.22em;color:var(--se-primary);background:rgba(5,5,5,.78);border:1px solid rgba(212,165,116,.5);border-radius:6px;pointer-events:none}
.hero-fig:hover img{filter:brightness(1.06)}
.hero-fig:focus{outline:none}
.hero-fig:focus-visible{box-shadow:0 0 0 3px rgba(85,163,163,.7);border-radius:14px}
.sec03{padding:64px 30px}
/* manuscript lightbox — full-screen examination view */
.fig-zoom{position:fixed;inset:0;z-index:140;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:rgba(2,4,8,.96);backdrop-filter:blur(10px);cursor:zoom-out;animation:zoomIn .25s ease-out;overflow:auto}
.fig-zoom img{max-width:min(1500px,96vw);max-height:76vh;width:auto;height:auto;border:1px solid rgba(212,165,116,.45);border-radius:10px;box-shadow:0 40px 110px rgba(0,0,0,.85),0 0 60px rgba(212,165,116,.12)}
.fig-zoom p{max-width:920px;margin:0;text-align:center;font-size:1.12rem;line-height:1.7;color:var(--se-text)}
.fig-zoom p b{color:var(--se-primary-light);letter-spacing:.06em}
.fig-zoom .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;max-width:920px;width:100%}
.fig-zoom .facts div{background:rgba(18,20,30,.9);border:1px solid rgba(212,165,116,.3);border-radius:10px;padding:10px 14px}
.fig-zoom .facts b{display:block;font-size:.6rem;letter-spacing:.2em;color:var(--se-teal);margin-bottom:4px}
.fig-zoom .facts span{font-size:.85rem;color:var(--se-text);letter-spacing:0;text-transform:none}
.fig-zoom>span{font-size:.6rem;letter-spacing:.25em;color:var(--se-text-dim);text-transform:uppercase}
@keyframes zoomIn{from{opacity:0}to{opacity:1}}
/* hebrew rail word pops — quick lexical cards that break out from the side words */
.word-pop{position:fixed;z-index:135;width:min(340px,88vw);max-height:82vh;overflow:auto;padding:18px 20px;background:linear-gradient(160deg,rgba(18,20,30,.98),rgba(8,10,16,.98));border:1px solid rgba(212,165,116,.55);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.7),0 0 30px rgba(212,165,116,.14)}
.word-pop.from-top{animation:popFromTop .32s cubic-bezier(.2,1.4,.35,1)}
.word-pop.from-bottom{animation:popFromBottom .32s cubic-bezier(.2,1.4,.35,1)}
@keyframes popFromTop{from{opacity:0;transform:translateY(-26px) scale(.7)}to{opacity:1;transform:none}}
@keyframes popFromBottom{from{opacity:0;transform:translateY(26px) scale(.7)}to{opacity:1;transform:none}}
.word-pop h3{margin:0 0 2px;font-size:1.7rem;color:var(--se-primary-light);display:flex;align-items:baseline;gap:12px}
.word-pop h3 em{font-size:.8rem;font-style:italic;color:var(--se-text-muted);font-family:var(--sans)}
.word-pop .wp-gloss{margin:0 0 10px;font-size:.85rem;color:var(--se-teal);font-weight:700;letter-spacing:.06em}
.word-pop ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:7px}
.word-pop li{font-size:.82rem;line-height:1.5;color:var(--se-text)}
.word-pop .wp-close{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--se-text-muted);font-size:1.1rem;cursor:pointer}
.word-pop .wp-close:hover{color:var(--se-primary)}
@keyframes wordBreak{from{opacity:0;transform:scale(.35) translateY(10px)}to{opacity:1;transform:none}}
.triptych .card{padding:56px 14px}
.triptych .card::before{top:20px;right:6px;font-size:clamp(3.2rem,6vw,4.6rem)}
.sec01 .verse-grid{grid-template-columns:1fr;gap:18px}
.sec03 .flow-node{min-width:96px;min-height:96px}
.heb-rail{display:flex;flex-direction:column;justify-content:space-around;gap:46px;position:sticky;top:14vh;padding:60px 0 100px}
.rail-l{grid-column:1;grid-row:1}
.rail-r{grid-column:5;grid-row:1}
.heb-rail b{writing-mode:vertical-rl;font-family:var(--serif);font-size:clamp(2.6rem,3.8vw,4rem);font-weight:900;line-height:1;color:rgba(110,160,255,.12);-webkit-text-stroke:1px rgba(226,182,92,.6);letter-spacing:.08em;white-space:nowrap;cursor:pointer;transition:color .35s ease,-webkit-text-stroke-color .35s ease}
/* letters pulse one at a time — JS splits each word into .hch grapheme spans
   with a staggered delay; each letter flares then goes dark before the wave
   reaches the next one */
.heb-rail b .hch{animation:hebNeonPulse 6.8s ease-in-out infinite}
@keyframes hebNeonPulse{0%,34%,100%{text-shadow:0 0 8px rgba(70,130,255,.1),0 0 20px rgba(70,130,255,.04)}12%{text-shadow:0 0 18px rgba(95,150,255,.65),0 0 46px rgba(70,130,255,.4),0 0 70px rgba(70,130,255,.2)}}
.heb-rail b:hover,.heb-rail b:focus{outline:none;color:rgba(150,195,255,.55);-webkit-text-stroke-color:rgba(240,198,110,.95)}
.heb-rail b:hover .hch,.heb-rail b:focus .hch,.heb-rail b.lit .hch{animation:none;text-shadow:0 0 16px rgba(110,170,255,.7),0 0 44px rgba(80,140,255,.55),0 0 80px rgba(70,130,255,.35)}
.heb-rail b.lit{color:rgba(160,200,255,.7);-webkit-text-stroke-color:rgba(240,198,110,.95)}
/* chaos → order WebGL waters (section 02) — GLSL deep churns to light.
   Canvas falls back to a still deep-water gradient if WebGL is absent. */
.chaos-gl{margin:20px 0;border:1px solid var(--se-border);border-radius:14px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.cg-canvas{position:relative;height:400px;background:radial-gradient(ellipse at 30% 70%,rgba(6,40,60,.9),rgba(2,8,16,.98) 60%),#020810}
.cg-canvas canvas{display:block;width:100%!important;height:100%!important}
.cg-bar{display:flex;align-items:center;gap:16px;padding:14px 18px;background:rgba(6,9,15,.9);border-top:1px solid var(--se-border)}
.cg-tag{flex:0 0 auto;font-size:.62rem;font-weight:900;letter-spacing:.18em;color:#8a92b8;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.cg-tag-light{color:#f5c542}
.cg-bar input[type=range]{-webkit-appearance:none;appearance:none;flex:1 1 auto;height:6px;background:linear-gradient(to right,#00121e,#0a3a5c,#ffd57a,#ffffff);border-radius:3px;cursor:pointer}
.cg-bar input[type=range]:focus{outline:none}
.cg-bar input[type=range]:focus-visible{box-shadow:0 0 0 3px rgba(85,163,163,.7);border-radius:3px}
.cg-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--se-primary);box-shadow:0 0 14px rgba(255,255,255,.7);cursor:pointer}
.cg-bar input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--se-primary);box-shadow:0 0 14px rgba(255,255,255,.7);cursor:pointer}
@media(max-width:600px){.cg-canvas{height:240px}.cg-bar{gap:10px;padding:12px}.cg-tag{font-size:.5rem;letter-spacing:.1em}}
/* artifact figure — real manuscript/tablet images with honest captions */
.artifact-fig{margin:18px 0 10px;border:1px solid var(--se-border);border-radius:14px;overflow:hidden;background:#050505}
.artifact-fig img{display:block;width:100%;height:auto}
.artifact-fig figcaption{padding:10px 14px;font-size:.78rem;color:var(--se-text-muted);border-top:1px solid var(--se-border);font-style:italic}
/* ported visuals — dossier SVG diagrams + gameboard (plain CSS, no Tailwind) */
/* gameboard — drag-to-pan parallel timeline ported from the dossier Visuals tab */
.gb-controls{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 16px;margin:18px 0;background:rgba(255,255,255,.04);border:1px solid var(--se-border);border-radius:12px}
.gb-toggle{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--se-text-muted);cursor:pointer;transition:.15s color}
.gb-toggle:hover{color:var(--se-text)}
.gb-toggle .dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto;transition:.15s transform}
.gb-toggle:hover .dot{transform:scale(1.25)}
.dot-blue{background:rgba(59,130,246,.5);box-shadow:0 0 10px rgba(59,130,246,.5)}
.dot-green{background:rgba(16,185,129,.5);box-shadow:0 0 10px rgba(16,185,129,.4)}
.dot-orange{background:rgba(249,115,22,.5);border:1px solid rgba(245,197,66,.6);box-shadow:0 0 10px rgba(249,115,22,.4)}
.gb-btns{margin-left:auto;display:flex;gap:8px}
.gb-btns button{min-width:38px;height:38px;border:1px solid var(--se-border);border-radius:9px;background:rgba(255,255,255,.06);color:var(--se-text);font-weight:800;cursor:pointer;transition:.15s background,.15s border-color}
.gb-btns button:hover,.gb-btns button:focus{background:rgba(255,255,255,.14);border-color:var(--se-teal);outline:none}
.gb-board{perspective:1100px}
.gb-viewport{position:relative;height:450px;overflow:hidden;border:1px solid var(--se-border);border-radius:14px;background:rgba(2,4,10,.8);cursor:grab;transition:transform .6s ease}
.gb-viewport:active{cursor:grabbing}
.gb-board.tilted .gb-viewport{transform:rotateX(24deg) scale(.96)}
.gb-plane{position:absolute;left:0;top:50%;translate:0 -50%;width:5000px;height:100%;transition:transform .3s ease}
.gb-line{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.gb-fade{position:absolute;top:0;bottom:0;width:180px;pointer-events:none;z-index:2}
.gb-fade-l{left:0;background:linear-gradient(90deg,rgba(2,6,12,1),transparent)}
.gb-fade-r{right:0;background:linear-gradient(-90deg,rgba(2,6,12,1),transparent)}
.gb-event{position:absolute;top:50%;translate:0 -50%;padding:9px 20px;border-radius:999px;font-size:.75rem;font-weight:800;border:1px solid var(--se-border);color:var(--se-text);cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s;background:rgba(15,18,26,.9)}
.gb-event:hover,.gb-event:focus{transform:scale(1.1);outline:none;border-color:var(--se-teal);box-shadow:0 0 18px rgba(85,163,163,.25)}
.gb-event.layer-biblical{border-color:rgba(59,130,246,.55);box-shadow:0 0 12px rgba(59,130,246,.18)}
.gb-event.layer-civilization{border-color:rgba(16,185,129,.5);box-shadow:0 0 12px rgba(16,185,129,.15)}
.gb-event.layer-african{border-color:rgba(249,115,22,.55);box-shadow:0 0 12px rgba(249,115,22,.18)}
.gb-event.ev-cosmic{border-color:rgba(212,165,116,.6);box-shadow:0 0 14px rgba(212,165,116,.2)}
.gb-event.ev-eden{border-color:rgba(143,123,255,.55);box-shadow:0 0 14px rgba(143,123,255,.2)}
.gb-hint{margin:12px 0 0;text-align:center;font-size:.72rem;letter-spacing:.22em;color:var(--se-text-dim);text-transform:uppercase}
.lexicon{display:grid;gap:4px}
.lexicon article{display:block;width:100%;text-align:left;font:inherit;color:inherit;border:0;border-left:2px solid transparent;border-bottom:1px solid var(--se-border);border-radius:0;padding:15px 14px;background:transparent;cursor:pointer;transition:.2s border-color,.2s background,.2s padding-left}
.lexicon article:hover,.lexicon article:focus{border-left-color:var(--se-primary);background:linear-gradient(90deg,rgba(212,165,116,.08),transparent 70%);padding-left:22px;outline:none}
.lexicon h3{margin:0 0 5px;color:var(--se-teal);font-size:1rem;font-family:var(--serif)}
.lexicon h3 em{color:var(--se-text-muted)}
.lexicon p{margin:0;font-size:.93rem;color:var(--se-text-muted)}
.flow{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:30px 0}
.flow-node{min-width:105px;min-height:105px;border:1px solid var(--se-border);background:rgba(10,14,22,.55);backdrop-filter:blur(4px);color:var(--se-text);border-radius:16px;padding:13px;cursor:pointer;font:inherit;transition:transform .5s cubic-bezier(.2,.9,.3,1.18),box-shadow .5s ease,border-color .3s ease,opacity .35s ease,filter .35s ease}
.flow-node:hover,.flow-node:focus{transform:translateY(-5px);border-color:var(--se-teal);box-shadow:0 0 25px rgba(85,163,163,.22);outline:none}
.flow-node.sel:hover,.flow-node.sel:focus{transform:scale(2)}
/* when a node is selected the rest of the diagram dims back */
.focus-mode .flow-node:not(.sel){opacity:.3;filter:brightness(.5) saturate(.55)}
.flow-node b{display:block;font-size:1.25rem}.flow-node small{display:block;color:var(--se-text-muted)}.flow-node span{display:block;font-size:.65rem;letter-spacing:.08em;margin-top:6px}
.divine{border-color:rgba(212,165,116,.55)}.void{border-color:rgba(143,123,255,.4)}.deep{border-color:rgba(85,163,163,.45)}.spirit{border-color:var(--se-violet)}
.arrow{color:var(--se-teal);font-size:1.5rem;font-weight:900}
.kind-diagram{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:25px 0}
.kind-box{padding:14px 18px 12px;text-align:center;border:0;border-top:2px solid rgba(212,165,116,.4);background:transparent}.kind-box strong{display:block;color:var(--se-primary);font-family:var(--serif)}.kind-box small{color:var(--se-text-muted)}
.text-trigger,.rabbit-grid button,.canonical button{border:1px solid var(--se-border);background:rgba(10,14,22,.45);color:var(--se-text);border-radius:12px;padding:12px 15px;cursor:pointer;font:inherit;transition:.2s border-color,.2s box-shadow,.2s transform}.text-trigger:hover,.text-trigger:focus,.rabbit-grid button:hover,.rabbit-grid button:focus,.canonical button:hover,.canonical button:focus{border-color:var(--se-teal);box-shadow:0 0 20px rgba(85,163,163,.18);transform:translateY(-2px);outline:none}
/* Signature visual — the seven-day forming/filling strip */
.daystrip{display:flex;align-items:stretch;gap:6px;margin:28px 0}
.day{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:96px;padding:12px 8px;text-align:center;border:0;border-top:3px solid var(--se-border);border-radius:0;background:transparent;color:var(--se-text);cursor:pointer;font:inherit;transition:transform .5s cubic-bezier(.2,.9,.3,1.18),box-shadow .5s ease,border-color .3s ease,opacity .35s ease,filter .35s ease}
.day:hover,.day:focus{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,.4);outline:none}
.day b{font-size:.8rem;letter-spacing:.1em}.day span{font-size:.72rem;color:var(--se-text-muted)}.day small{font-size:.62rem;letter-spacing:.14em;color:var(--se-text-dim)}
.day .dv{font-size:.62rem;font-style:italic;line-height:1.4;color:var(--se-text-dim);margin-top:5px}
.day:hover .dv,.day:focus .dv,.day.sel .dv{color:var(--se-primary-light)}
/* same select treatment as the flow nodes — zoom in, underglow, dim the rest */
.day.sel{transform:scale(1.28);position:relative;z-index:8;border-top-color:rgba(240,198,110,1);background:rgba(10,14,22,.75);border-radius:10px;box-shadow:0 26px 70px rgba(70,130,255,.6),0 0 44px rgba(80,140,255,.5),0 0 90px rgba(226,182,92,.22)}
.day.sel:hover,.day.sel:focus{transform:scale(1.28)}
.focus-mode .day:not(.sel){opacity:.3;filter:brightness(.5) saturate(.55)}
.day.f1,.day.f4{border-top-color:var(--se-teal)}
.day.f2,.day.f5{border-top-color:var(--se-violet)}
.day.f3,.day.f6{border-top-color:var(--se-primary-dark)}
.day.f7{border-top-color:var(--se-primary);background:linear-gradient(180deg,rgba(212,165,116,.12),transparent)}
.strip-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:.72rem;letter-spacing:.12em;color:var(--se-text-dim);margin-top:8px}
.strip-legend i{color:var(--se-teal);font-style:normal}
/* museum-placard table — rules only where meaning needs them */
.matrix{width:100%;border-collapse:collapse;margin:20px 0}.matrix th,.matrix td{border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:12px;text-align:left}.matrix th{color:var(--se-primary);border-bottom:2px solid var(--se-primary);letter-spacing:.08em;font-size:.78rem}.matrix .highlight td{background:rgba(212,165,116,.07)}
.compare-grid,.science-grid,.artifact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.compare-grid>div,.science-grid article,.artifact-grid article{border:0;border-top:2px solid rgba(85,163,163,.4);border-radius:0;padding:16px 4px 0;background:transparent}.compare-grid h3,.science-grid h3{color:var(--se-primary);font-family:var(--serif)}
.compare-grid>div:last-child{border-top-color:rgba(212,165,116,.55);background:linear-gradient(180deg,rgba(212,165,116,.06),transparent 60%)}
.compare-grid li{margin:6px 0}
/* ANE three-tier cosmos — stacked bands (map module, pure CSS) */
.cosmos{display:flex;flex-direction:column;gap:6px;margin:25px 0}
.cosmos .layer{border:1px solid var(--se-border);border-radius:12px;padding:13px;text-align:center;background:rgba(10,14,22,.5);color:var(--se-text);cursor:pointer;font:inherit;transition:.2s border-color,.2s box-shadow,.2s transform}
.cosmos .layer:hover,.cosmos .layer:focus{border-color:var(--se-teal);box-shadow:0 0 20px rgba(85,163,163,.15);transform:scale(1.01);outline:none}
.cosmos .layer b{display:block;letter-spacing:.12em;font-size:.85rem}.cosmos .layer small{color:var(--se-text-muted)}
.layer.heavens{border-color:rgba(143,123,255,.45)}
.layer.firmament{border-color:rgba(85,163,163,.5)}
.layer.earth{border-color:rgba(212,165,116,.45)}
.layer.thedeep{border-color:rgba(85,163,163,.25)}
.canonical{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px 0}.canonical button{min-height:82px}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.timeline:before{content:"";position:absolute;top:16px;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,var(--se-border) 15%,var(--se-border) 85%,transparent)}.timeline>div{position:relative;padding:40px 14px 14px;border:0;border-top:0;border-radius:0;background:transparent}.timeline>div:before{content:"";position:absolute;top:9px;left:calc(50% - 7px);width:12px;height:12px;border-radius:50%;background:var(--se-teal);box-shadow:0 0 15px rgba(85,163,163,.5);animation:nodePulse 3.5s ease-in-out infinite}.timeline>div:nth-child(2):before{animation-delay:.7s}.timeline>div:nth-child(3):before{animation-delay:1.4s}.timeline>div:nth-child(4):before{animation-delay:2.1s}.timeline>div:nth-child(5):before{animation-delay:2.8s}@keyframes nodePulse{0%,100%{box-shadow:0 0 8px rgba(85,163,163,.4)}50%{box-shadow:0 0 22px rgba(85,163,163,.85)}}.timeline b{display:block;color:var(--se-primary);margin-bottom:8px}.timeline span{font-size:.88rem;color:var(--se-text-muted)}
.debate details{border-bottom:1px solid var(--se-border);padding:15px 0}.debate summary{cursor:pointer;font-weight:800;color:var(--se-teal)}.debate p{padding-left:18px}
.rabbit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rabbit-grid button{min-height:70px}
.final-question{text-align:center;padding:80px 30px}.closing{font-size:1.2rem}
.sources li{margin:7px 0}.source-links{color:var(--se-text-muted);font-size:.9rem}
/* ── living layers ── */
.stars{position:absolute;top:0;left:0;width:1px;height:1px;border-radius:50%;background:transparent}
.stars-a{box-shadow:41vw 104vh 0 #fff,50vw 72vh 0 #fff,9vw 90vh 0 #fff,12vw 40vh 0 #fff,7vw 100vh 0 #fff,27vw 4vh 0 #fff,55vw 46vh 0 #fff,30vw 10vh 0 #fff,54vw 7vh 0 #fff,72vw 14vh 0 #fff,28vw 69vh 0 #fff,74vw 104vh 0 #fff,73vw 64vh 0 #fff,6vw 107vh 0 #fff,5vw 61vh 0 #fff,17vw 32vh 0 #fff,18vw 59vh 0 #fff,73vw 34vh 0 #fff,87vw 20vh 0 #fff,74vw 63vh 0 #fff,24vw 41vh 0 #fff,70vw 78vh 0 #fff,72vw 7vh 0 #fff,26vw 55vh 0 #fff,68vw 47vh 0 #fff,40vw 51vh 0 #fff,58vw 40vh 0 #fff,31vw 87vh 0 #fff,89vw 86vh 0 #fff,10vw 63vh 0 #fff,67vw 54vh 0 #fff,43vw 80vh 0 #fff,36vw 67vh 0 #fff,9vw 13vh 0 #fff,53vw 18vh 0 #fff,43vw 17vh 0 #fff,72vw 46vh 0 #fff,85vw 9vh 0 #fff,71vw 63vh 0 #fff,40vw 37vh 0 #fff,44vw 65vh 0 #fff,74vw 88vh 0 #fff,8vw 92vh 0 #fff,34vw 52vh 0 #fff,85vw 7vh 0 #fff,93vw 77vh 0 #fff,82vw 64vh 0 #fff,87vw 90vh 0 #fff,36vw 79vh 0 #fff,85vw 38vh 0 #fff,59vw 39vh 0 #fff,78vw 13vh 0 #fff,7vw 24vh 0 #fff,36vw 14vh 0 #fff,31vw 44vh 0 #fff,63vw 9vh 0 #fff,57vw 44vh 0 #fff,35vw 97vh 0 #fff,55vw 95vh 0 #fff,35vw 78vh 0 #fff,45vw 75vh 0 #fff,48vw 105vh 0 #fff,19vw 9vh 0 #fff,19vw 26vh 0 #fff,29vw 1vh 0 #fff,75vw 20vh 0 #fff,36vw 0vh 0 #fff,53vw 59vh 0 #fff,78vw 62vh 0 #fff,16vw 76vh 0 #fff;animation:twinkle 4.5s ease-in-out infinite}
.stars-b{width:2px;height:2px;box-shadow:65vw 105vh 0 rgba(232,201,164,.9),83vw 74vh 0 rgba(232,201,164,.9),6vw 50vh 0 rgba(232,201,164,.9),99vw 105vh 0 rgba(232,201,164,.9),87vw 88vh 0 rgba(232,201,164,.9),50vw 44vh 0 rgba(232,201,164,.9),50vw 11vh 0 rgba(232,201,164,.9),81vw 44vh 0 rgba(232,201,164,.9),24vw 7vh 0 rgba(232,201,164,.9),26vw 48vh 0 rgba(232,201,164,.9),14vw 37vh 0 rgba(232,201,164,.9),6vw 11vh 0 rgba(232,201,164,.9),72vw 17vh 0 rgba(232,201,164,.9),12vw 104vh 0 rgba(232,201,164,.9),78vw 3vh 0 rgba(232,201,164,.9),26vw 68vh 0 rgba(232,201,164,.9),19vw 70vh 0 rgba(232,201,164,.9),44vw 66vh 0 rgba(232,201,164,.9),60vw 14vh 0 rgba(232,201,164,.9),72vw 109vh 0 rgba(232,201,164,.9),59vw 53vh 0 rgba(232,201,164,.9),39vw 9vh 0 rgba(232,201,164,.9),13vw 82vh 0 rgba(232,201,164,.9),94vw 29vh 0 rgba(232,201,164,.9),88vw 18vh 0 rgba(232,201,164,.9),2vw 23vh 0 rgba(232,201,164,.9),67vw 40vh 0 rgba(232,201,164,.9),88vw 60vh 0 rgba(232,201,164,.9),3vw 83vh 0 rgba(232,201,164,.9),38vw 108vh 0 rgba(232,201,164,.9),11vw 77vh 0 rgba(232,201,164,.9),33vw 57vh 0 rgba(232,201,164,.9),21vw 39vh 0 rgba(232,201,164,.9),28vw 59vh 0 rgba(232,201,164,.9),99vw 55vh 0 rgba(232,201,164,.9),81vw 25vh 0 rgba(232,201,164,.9),100vw 108vh 0 rgba(232,201,164,.9),24vw 89vh 0 rgba(232,201,164,.9),51vw 81vh 0 rgba(232,201,164,.9),29vw 22vh 0 rgba(232,201,164,.9),63vw 39vh 0 rgba(232,201,164,.9),3vw 109vh 0 rgba(232,201,164,.9),35vw 52vh 0 rgba(232,201,164,.9),24vw 76vh 0 rgba(232,201,164,.9),44vw 49vh 0 rgba(232,201,164,.9);animation:twinkle 6.5s ease-in-out infinite 1.2s}
@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:1}}
/* the hovering Spirit — a violet presence drifting where heavens meet the deep */
.spirit-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(16px)}
.orb-a{top:38vh;left:50%;width:340px;height:150px;margin-left:-170px;background:radial-gradient(ellipse at center,rgba(143,123,255,.5),rgba(143,123,255,.14) 45%,transparent 72%);animation:hoverA 9s ease-in-out infinite}
.orb-b{top:52vh;left:22%;width:190px;height:90px;background:radial-gradient(ellipse at center,rgba(143,123,255,.32),transparent 70%);animation:hoverB 12s ease-in-out infinite}
@keyframes hoverA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(34px,-16px) scale(1.07)}}
@keyframes hoverB{0%,100%{transform:translate(0,0)}50%{transform:translate(-26px,12px)}}
/* cloud veil — a six-cloud bank in varied sizes/shades/depths over the heavens;
   scroll parts them (--part 0→1), nearer clouds travel farther (--spread) */
.cloud-veil{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent),linear-gradient(180deg,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent),linear-gradient(180deg,black 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.cloud{position:absolute;overflow:visible;will-change:transform,opacity;opacity:calc(var(--o,1)*(1 - var(--part,0)*.95));pointer-events:auto;}
.cloud img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 3.5s ease-out;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 6%,black 14%,black 86%,rgba(0,0,0,.5) 94%,transparent),linear-gradient(180deg,transparent,rgba(0,0,0,.5) 8%,black 16%,black 84%,rgba(0,0,0,.5) 92%,transparent);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5) 6%,black 14%,black 86%,rgba(0,0,0,.5) 94%,transparent),linear-gradient(180deg,transparent,rgba(0,0,0,.5) 8%,black 16%,black 84%,rgba(0,0,0,.5) 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
/* hovering a single cloud fades just that one — drift pauses, the heavens art,
   stars and Spirit show through where it was */
.cloud:hover img{opacity:0!important;animation-play-state:paused}
.c2 img{transition-delay:.1s}.cl{transform:translateX(calc(var(--part,0)*var(--spread)*-1))}
.cr{transform:translateX(calc(var(--part,0)*var(--spread)))}
/* top white banks flow through — three enter from the left, three from the
   right, each on its own lane (--y0→--y1), tilt (--r0→--r1) and speed */
.c1{width:min(108vw,1875px);--spread:75vw;--o:0.95}
.c1 img{height:auto;object-fit:fill;animation:driftL 26s ease-in-out infinite alternate}
.c2{width:min(114vw,1980px);--spread:78vw;--o:0.95}
.c2 img{height:auto;object-fit:fill;animation:driftR 32s ease-in-out infinite alternate}
.c4{width:min(78vw,1350px);--spread:60vw;--o:0.8}
.c4 img{height:auto;object-fit:fill;animation:driftL 38s ease-in-out infinite alternate-reverse;transition-delay:.16s}
.c5{width:min(69vw,1200px);--spread:52vw;--o:0.7}
.c5 img{height:auto;object-fit:fill;animation:driftL 46s ease-in-out infinite alternate;transition-delay:.28s}
.c6{width:min(81vw,1395px);--spread:62vw;--o:0.8}
.c6 img{height:auto;object-fit:fill;animation:driftR 41s ease-in-out infinite alternate-reverse;transition-delay:.22s}
.c7{width:min(72vw,1245px);--spread:54vw;--o:0.7}
.c7 img{height:auto;object-fit:fill;animation:driftR 50s ease-in-out infinite alternate;transition-delay:.34s}
@keyframes flowL{
  0%{transform:translate(-110vw,var(--y0,10vh)) rotate(var(--r0,0deg));opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{transform:translate(205vw,var(--y1,12vh)) rotate(var(--r1,0deg));opacity:0}
}
@keyframes flowR{
  0%{transform:translate(205vw,var(--y0,10vh)) rotate(var(--r0,0deg));opacity:0}
  10%{opacity:1}
  90%{opacity:1}
  100%{transform:translate(-110vw,var(--y1,12vh)) rotate(var(--r1,0deg));opacity:0}
}
.flowL,.flowR{position:absolute;left:0;top:0;z-index:2;animation:flowL 180s linear infinite;will-change:transform,opacity}
.flowR{animation-name:flowR}
.flowL .cloud,.flowR .cloud{left:0;top:0;translate:-50% -50%}
/* second bank — tinted from the heavens palette (pink / purple / blue) */
.cloud-veil .c8{width:min(88vw,1500px);--spread:80vw;--o:0.95}
.c8 img{transition-delay:.42s;height:auto;object-fit:fill;animation:driftR 36s ease-in-out infinite alternate;filter:grayscale(1) brightness(.62) sepia(1) saturate(5) hue-rotate(192deg)}
.cloud-veil .c3{width:min(56vw,880px);--spread:60vw;--o:0.85}
.c3{animation:rollCW 60s linear infinite;overflow:visible}
.c3 img{transition-delay:.18s;height:auto;object-fit:fill;animation:driftR 44s ease-in-out infinite alternate;filter:grayscale(1) brightness(.72) sepia(1) saturate(4) hue-rotate(255deg)}

@keyframes driftL{from{transform:translateX(0)}to{transform:translateX(3.5vw)}}
@keyframes driftR{from{transform:scaleX(-1) translateX(0)}to{transform:scaleX(-1) translateX(3.5vw)}}

/* single large cloud — user grid path #2 */
@keyframes portalOrbitA{
  0.0%{transform:translate(54.2vw,70.8vh);opacity:0}
  7.1%{transform:translate(45.8vw,79.2vh);opacity:1}
  14.3%{transform:translate(37.5vw,87.5vh)}
  21.4%{transform:translate(29.2vw,95.8vh)}
  28.6%{transform:translate(20.8vw,87.5vh)}
  35.7%{transform:translate(12.5vw,87.5vh)}
  42.9%{transform:translate(4.2vw,79.2vh)}
  50.0%{transform:translate(4.2vw,70.8vh)}
  57.1%{transform:translate(4.2vw,60vh)}
  64.3%{transform:translate(4.2vw,44vh)}
  71.4%{transform:translate(4.2vw,28vh)}
  78.6%{transform:translate(4.2vw,15vh)}
  85.7%{transform:translate(12.5vw,8vh);opacity:1}
  92.9%{transform:translate(20.8vw,7vh);opacity:0}
  100.0%{transform:translate(29.2vw,10vh);opacity:0}
}
.orbitA{position:absolute;left:0;top:0;animation:portalOrbitA 104s linear infinite;will-change:transform,opacity}
.orbitA .cloud{left:0;top:0;translate:-50% -50%}

/* right-side arc — the first user grid */
@keyframes portalOrbitB{
  0.0%{transform:translate(62.5vw,95.8vh);opacity:0}
  7.7%{transform:translate(70.8vw,93.5vh);opacity:1}
  15.4%{transform:translate(79.2vw,91vh)}
  23.1%{transform:translate(87.5vw,89vh)}
  30.8%{transform:translate(93vw,85vh)}
  38.5%{transform:translate(95.8vw,76vh)}
  46.2%{transform:translate(95.8vw,64vh)}
  53.8%{transform:translate(95.8vw,50vh)}
  61.5%{transform:translate(95.8vw,36vh)}
  69.2%{transform:translate(95.8vw,24vh)}
  76.9%{transform:translate(92vw,14vh)}
  84.6%{transform:translate(87.5vw,5vh);opacity:1}
  92.3%{transform:translate(79.2vw,4.2vh);opacity:0}
  100.0%{transform:translate(79.2vw,12.5vh);opacity:0}
}
.orbitB{position:absolute;left:0;top:0;animation:portalOrbitB 90s linear infinite;will-change:transform,opacity}
.orbitB .cloud{left:0;top:0;translate:-50% -50%}

/* twin route — pink + purple, continuous CW roll (spin lives on the img) */
@keyframes portalOrbitC{
  0.0%{transform:translate(50vw,85vh);opacity:0}
  7.1%{transform:translate(60vw,90vh);opacity:1}
  14.3%{transform:translate(70vw,92vh)}
  21.4%{transform:translate(80vw,92.5vh)}
  28.6%{transform:translate(88vw,92vh)}
  35.7%{transform:translate(91vw,88vh)}
  42.9%{transform:translate(90.5vw,78vh)}
  50.0%{transform:translate(90vw,66vh)}
  57.1%{transform:translate(90vw,52vh)}
  64.3%{transform:translate(90vw,38vh)}
  70%{transform:translate(89.5vw,28vh)}
  75%{transform:translate(87.5vw,21vh)}
  79.5%{transform:translate(84vw,15.5vh)}
  83.5%{transform:translate(79vw,11.5vh);opacity:1}
  88%{transform:translate(73.5vw,9.5vh);opacity:.7}
  93%{transform:translate(69vw,8.7vh);opacity:0}
  100.0%{transform:translate(65vw,8vh);opacity:0}
}
@keyframes rollCW{from{transform:translateX(calc(var(--part,0)*var(--spread))) rotate(0)}to{transform:translateX(calc(var(--part,0)*var(--spread))) rotate(360deg)}}
/* cloud 5 — layered stack: amber front (#E09936), purple halo behind (#73066E),
   dark-amber back (#BF6E04) peeking over the top edge */
.cloud-veil .c11{width:min(52vw,820px);aspect-ratio:1.4;--spread:60vw;--o:0.9}
.c11 img{position:absolute;inset:0;height:100%;object-fit:fill}
.c11 .lay-b{transform:translateY(-14%) scale(1.08)}
.c11 .lay-f{transform:scale(1.3,1.04)}
.c11 .lay-m{transform:scale(1.14);animation:pulseM 30s ease-in-out infinite}
@keyframes pulseM{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes portalOrbitD{
  0%{transform:translate(50vw,92vh);opacity:0}
  8%{transform:translate(43vw,90vh);opacity:1}
  25%{transform:translate(28vw,87vh)}
  45%{transform:translate(10vw,82vh)}
  60%{transform:translate(-8vw,74vh)}
  72%{transform:translate(-22vw,60vh)}
  84%{transform:translate(-27vw,47vh);opacity:1}
  100%{transform:translate(-38vw,36vh);opacity:0}
}
.orbitD{position:absolute;left:0;top:0;animation:portalOrbitD 120s linear infinite;will-change:transform,opacity}
.orbitD .cloud{left:0;top:0;translate:-50% -50%}
.orbitC{position:absolute;left:0;top:0;animation:portalOrbitC 200s linear infinite;will-change:transform,opacity}
.orbitC .cloud{left:0;top:0;translate:-50% -50%}
.cloud-veil.gone{visibility:hidden}
/* soft light swell breathing over the deep — glow, not lines */
.water-glow{position:absolute;bottom:4vh;left:50%;width:88vw;height:38vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(85,163,163,.1),transparent 70%);filter:blur(30px);transform:translateX(-50%);translate:-8vw 0;animation:swell 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes swell{from{opacity:.45;translate:-8vw 0}to{opacity:1;translate:8vw 0}}
/* reading progress — thin gold line tracking the descent */
#seProgress{position:fixed;top:0;left:0;right:0;height:2px;z-index:120;background:linear-gradient(90deg,var(--se-teal),var(--se-primary));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.weeknav.scrolled{background:linear-gradient(180deg,rgba(2,6,12,.82),rgba(2,6,12,0))}
/* scroll reveal — sections rise out of the dark as you descend */
.reveal{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;translate:0 0}
.cloud-veil .c9{width:min(88vw,1500px);--spread:80vw;--o:0.95}
.c9 img{transition-delay:.2s;height:auto;object-fit:fill;animation:driftL 40s ease-in-out infinite alternate}
.cloud-veil .c10{width:min(56vw,880px);--spread:60vw;--o:0.85}
.c10{animation:rollCW 120s linear infinite;overflow:visible}
.c10 img{transition-delay:.26s;height:auto;object-fit:fill;animation:driftR 47s ease-in-out infinite alternate-reverse;filter:grayscale(1) brightness(.78) sepia(1) saturate(3.6) hue-rotate(290deg)}
/* lone large white cloud — bottom band, slow left-to-right crossing */
.cloud-veil .c14{width:min(110vw,1950px);aspect-ratio:5;--spread:70vw;--o:0.8}
.c14 img{height:100%;object-fit:fill;animation:driftL 60s ease-in-out infinite alternate}
/* non-spinning escorts on the twin route — one leads, one trails */
.cloud-veil .c12{width:min(56vw,880px);--spread:60vw;--o:0.85}
.c12 img{transition-delay:.3s;height:auto;object-fit:fill;animation:driftR 52s ease-in-out infinite alternate;filter:grayscale(1) brightness(.78) sepia(1) saturate(3.6) hue-rotate(290deg)}
.cloud-veil .c13{width:min(56vw,880px);--spread:60vw;--o:0.85}
.c13 img{transition-delay:.34s;height:auto;object-fit:fill;animation:driftR 56s ease-in-out infinite alternate-reverse;filter:grayscale(1) brightness(.72) sepia(1) saturate(4) hue-rotate(255deg)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none;transition:none}.stars-a,.stars-b,.spirit-orb,.cloud img,.orbitA,.orbitB,.orbitC,.water-glow,.hero-flow>*,.scroll-cue span,.hero-question,.timeline>div:before,.heb-rail b,.heb-rail b .hch,.word-pop,.fig-zoom{animation:none!important}.cloud{opacity:0}}
.panel{position:fixed;width:min(880px,94vw);max-height:80vh;overflow:auto;background:#1f1f1f;border:1px solid rgba(85,163,163,.55);border-radius:18px;box-shadow:0 34px 100px rgba(0,0,0,.85),0 0 50px rgba(80,140,255,.4),0 0 110px rgba(70,130,255,.28),0 0 170px rgba(226,182,92,.18);z-index:20;padding:0 30px 30px;font-size:1.14rem}
.panel h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.panel p{font-size:1.12rem;line-height:1.8}
.panel-head{position:sticky;top:0;background:#1f1f1f;padding:20px 0 14px;border-bottom:1px solid var(--se-border);display:flex;justify-content:space-between;align-items:center;color:var(--se-teal);font-weight:900;letter-spacing:.1em;font-size:1.05rem}.panel-head button{background:none;border:0;color:#fff;font-size:2.2rem;cursor:pointer}.hidden{display:none!important}
/* the currently-opened flow node — enlarged with a blue/gold underglow
   matching the popup, so the pair reads as one focused object */
.flow-node.sel{transform:scale(2);position:relative;z-index:8;border-color:rgba(240,198,110,1);box-shadow:0 30px 90px rgba(70,130,255,.75),0 0 60px rgba(90,150,255,.65),0 0 130px rgba(226,182,92,.3)}
.chaos-gl.sel{transform:scale(1.08);position:relative;z-index:8;border-color:rgba(240,198,110,.95);box-shadow:0 26px 70px rgba(70,130,255,.5),0 0 44px rgba(80,140,255,.45),0 0 90px rgba(226,182,92,.2)}
@media(max-width:600px){.flow-node.sel{transform:scale(1.3)}.chaos-gl.sel{transform:scale(1.02)}}
.tooltip{position:fixed;z-index:30;pointer-events:none;max-width:300px;padding:9px 12px;border:1px solid rgba(85,163,163,.4);border-radius:10px;background:#111;color:var(--se-text);box-shadow:0 12px 30px rgba(0,0,0,.4);font-size:.85rem}
/* waters outro — transparent window onto the deep at the page bottom */
.waters-outro{position:relative;min-height:78vh;display:flex;align-items:flex-start;justify-content:center}
.outro-caption{margin-top:9vh;font-size:.72rem;font-weight:800;letter-spacing:.22em;color:var(--se-text-muted);text-shadow:0 1px 10px rgba(0,0,0,.9)}
@media(max-width:1100px){.triptych{grid-template-columns:1fr;width:auto;margin-left:0}.sec01,.sec02,.center-stack{grid-column:1;grid-row:auto;margin-top:0}.center-stack{gap:26px}.heb-rail{position:static;flex-direction:row;justify-content:center;gap:26px;padding:14px 0}.heb-rail b{writing-mode:horizontal-tb;font-size:clamp(1.5rem,6vw,2.3rem)}}
@media(max-width:900px){.verse-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.timeline:before{display:none}.timeline>div{padding-top:20px}.timeline>div:before{display:none}.daystrip{flex-wrap:wrap}.day{flex:1 1 30%}}
/* study assistant — the main site's chat widget (index.html #chat-toggle/#chat-window,
   chatbot.css) redeclared in plain CSS: same structure and metrics, zinc neutrals kept,
   the site's yellow/orange accent swapped for SE gold */
.se-chat-stack{position:fixed;right:1rem;bottom:2.5rem;z-index:110;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.75rem}
#seChatToggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;border:1px solid rgba(232,201,164,.6);background:linear-gradient(90deg,var(--se-primary),var(--se-primary-dark) 50%,#1A1A1A);color:var(--se-text);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 10px 15px -3px rgba(212,165,116,.3),0 4px 6px -4px rgba(212,165,116,.3)}
.se-chat-badge{display:inline-flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;background:rgba(10,10,12,.8);font-size:11px;font-weight:700}
#seChat{position:relative;z-index:100;width:340px;max-width:90vw;max-height:75vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #27272a;border-radius:1.5rem;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8)}
#seChat.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;z-index:9999}
.se-chat-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #27272a;background:rgba(24,24,27,.9)}
.se-chat-id{display:flex;align-items:center;gap:.5rem}
.se-chat-icon{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:9999px;background:linear-gradient(135deg,var(--se-primary-light),var(--se-primary));font-size:11px;font-weight:700;color:#09090b}
.se-chat-name{margin:0;font-size:.75rem;font-weight:600}
.se-chat-status{margin:0;display:flex;align-items:center;gap:.25rem;font-size:10px;color:var(--se-primary-light)}
.se-chat-dot{display:inline-flex;height:.375rem;width:.375rem;border-radius:9999px;background:var(--se-primary-light)}
.se-chat-controls{display:flex;align-items:center;gap:.75rem;color:#a1a1aa}
.se-chat-controls button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}
.se-chat-controls button:hover,.se-chat-controls button:focus{color:#f4f4f5;outline:none}
.se-chat-controls .se-lg{font-size:1.125rem}
.se-chat-controls .se-sm{font-size:.875rem}
.se-chat-controls .se-xs{font-size:.75rem}
#seChatLog{flex:1;min-height:140px;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;font-size:.75rem;background:linear-gradient(180deg,#000,#27272a,#52525b)}
#seChatLog::-webkit-scrollbar{width:6px}
#seChatLog::-webkit-scrollbar-track{background:transparent}
#seChatLog::-webkit-scrollbar-thumb{background-color:rgba(107,114,128,.8);border-radius:9999px}
#seChatLog.se-text-sm{font-size:.875rem}
#seChatLog.se-text-base{font-size:1rem}
.se-msg{max-width:80%;padding:.5rem .75rem;border-radius:1rem;line-height:1.625;white-space:pre-line}
.se-msg.user{align-self:flex-end;background:var(--se-primary);color:#09090b;border-bottom-right-radius:.125rem;box-shadow:0 1px 2px rgba(212,165,116,.3)}
.se-msg.bot{align-self:flex-start;background:rgba(24,24,27,.9);border:1px solid #27272a;color:#f4f4f5;border-bottom-left-radius:.125rem}
.se-typing-box{display:flex;align-items:center;gap:.375rem;align-self:flex-start;padding:.5rem 1rem;border-radius:1rem;border-bottom-left-radius:.125rem;background:rgba(24,24,27,.9);border:1px solid #27272a}
.se-typing-box i{width:.375rem;height:.375rem;border-radius:9999px;background:var(--se-primary);animation:seChatBounce 1s infinite}
.se-typing-box i:nth-child(2){animation-delay:.15s}
.se-typing-box i:nth-child(3){animation-delay:.3s}
@keyframes seChatBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
#seChatChips{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 .75rem .5rem;font-size:10px}
.se-chip{padding:.25rem .5rem;border-radius:9999px;background:rgba(24,24,27,.8);border:1px solid #3f3f46;color:#e4e4e7;font:inherit;font-size:inherit;cursor:pointer}
.se-chip:hover,.se-chip:focus{background:#27272a;outline:none}
.se-chip.se-chip-accent{background:rgba(212,165,116,.2);border-color:rgba(212,165,116,.5);color:var(--se-primary-light)}
.se-chip.se-chip-accent:hover,.se-chip.se-chip-accent:focus{background:rgba(212,165,116,.4)}
.se-chat-minrow{display:flex;justify-content:center;padding:.25rem .5rem 0;border-top:1px solid #27272a;background:rgba(24,24,27,.9)}
#seChatMinimize{display:flex;align-items:center;gap:.25rem;padding:.25rem 0;background:none;border:0;color:#71717a;font-size:10px;cursor:pointer}
#seChatMinimize:hover,#seChatMinimize:focus{color:#d4d4d8;outline:none}
.se-chat-inputrow{display:flex;align-items:flex-end;gap:.5rem;padding:.5rem .75rem;border-top:1px solid #27272a;background:rgba(24,24,27,.9)}
#seChatInput{flex:1;resize:none;background:rgba(0,0,0,.6);border:1px solid #27272a;border-radius:1rem;padding:.375rem .75rem;font:inherit;font-size:.75rem;color:#f4f4f5}
#seChatInput::placeholder{color:#71717a}
#seChatInput:focus{outline:none;border-color:var(--se-primary);box-shadow:0 0 0 1px var(--se-primary)}
#seChatSend{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;flex:0 0 auto;border-radius:9999px;border:0;background:var(--se-primary);color:#09090b;font-size:.75rem;font-weight:600;cursor:pointer}
#seChatSend:hover,#seChatSend:focus{background:var(--se-primary-light);outline:none}
#seChatSend:disabled{opacity:.4;cursor:not-allowed}
@media(min-width:768px){.se-chat-minrow{display:none}}
@media(max-width:600px){.se-chat-stack{right:.75rem;bottom:1.5rem}#seChat{width:calc(100vw - 1.5rem)}}

@media(max-width:600px){.weeknav{padding:8px 10px}.weeknav-top{min-height:40px}.se-logo{font-size:.85rem}main{padding:16px 10px 60px}.card{padding:56px 8px}.card::before{font-size:3.2rem;top:16px}.verse-grid,.compare-grid,.science-grid,.artifact-grid{grid-template-columns:1fr}.rabbit-grid{grid-template-columns:1fr}.flow{display:grid;grid-template-columns:1fr}.flow .arrow{text-align:center;transform:rotate(90deg)}.flow-node{width:100%}.canonical{flex-direction:column}.canonical span{transform:rotate(90deg)}.daystrip{flex-direction:column}.day{flex:1 1 auto}}
/* dramatic shape variance — extreme ratios, flips, inversions, half-crops */

.cloud-veil .cloud-veil .cloud-veil .cloud-veil .cloud-veil .cloud-veil .cloud-veil .cloud-veil