@import url('stars.css?v=stars-rich-1');
body{--ink:#f3eee8;--muted:#c6cbd8;color:var(--ink)}
.blackhole-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#080914;--glow-one:#9d512f;--glow-two:#493271;--glow-three:#243e58;background:radial-gradient(ellipse at -8% 30%,var(--glow-one),transparent 68%),radial-gradient(ellipse at 108% 65%,color-mix(in srgb,var(--glow-two) 85%,transparent),transparent 72%),radial-gradient(ellipse at 48% 110%,color-mix(in srgb,var(--glow-three) 65%,transparent),transparent 70%),#080914;transition:--glow-one 550ms,--glow-two 550ms,--glow-three 550ms}
.blackhole-ambient::before{content:'';position:absolute;inset:0;background:url(blackhole-dust.svg) center/cover;opacity:.5}
.blackhole-ambient::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#080914c9 0%,#0809148c 36%,transparent 90%)}
main{width:90%;max-width:1500px}.bh-opening{background:#03070b}.bh-opening .site-header{height:70px}.bh-opening .page-tools{width:90%;max-width:1500px;margin:10px auto 14px}.bh-opening .page-tools button{min-height:36px;padding:7px 14px}
.simulation{width:100%;margin:0}.blackhole-stage{position:relative;width:100%;height:85svh;min-height:600px;background:#03070b;overflow:hidden;isolation:isolate}.blackhole-stage canvas,.simulation-poster,.simulation-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blackhole-stage canvas{cursor:grab;touch-action:pan-y}.blackhole-stage canvas.dragging{cursor:grabbing}.blackhole-stage canvas.touch-enabled{touch-action:none}
.hero-heading{position:absolute;z-index:1;top:5%;left:5%;width:90%;pointer-events:none;display:block}.hero-heading>div{position:relative;isolation:isolate;max-width:700px}.hero-heading>div::before{content:'';position:absolute;inset:-45px -65px;z-index:-1;background:radial-gradient(ellipse closest-side,#03070bdd 0%,#03070b99 50%,transparent 100%)}.hero-heading .eyebrow{margin:0 0 12px;color:#e4c8a3}.hero-heading h1{font-size:clamp(34px,3.35vw,58px);line-height:1.12;max-width:700px;color:#f9e7c4}.hero-heading h1 em{color:#decef4}.hero-heading .intro{justify-self:start;font-size:15px;line-height:1.7;margin:14px 0 0;color:#e2d8e9;text-shadow:0 1px 8px #000}
@supports (background-clip:text){.hero-heading h1{background:linear-gradient(115deg,#fff5df 8%,#f3d59c 48%,#d8bef6 92%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-heading h1 em{color:inherit}}
#start-simulation{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 25px;border-radius:30px;background:#071219e8;border-color:#e8ce9988;white-space:nowrap}.simulation-controls{width:90%;max-width:1500px;margin:18px auto 0}.primary-controls{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.presets,.secondary-controls{display:flex;gap:8px;flex-wrap:wrap}.simulation-controls button{font-size:14px;border-radius:25px;padding:9px 15px;min-height:44px}.presets [aria-pressed=true],#toggle-source[aria-pressed=true]{border-color:#d8bd82;background:#d8bd8217}.simulation-controls button:disabled{opacity:.5;cursor:wait}.advanced-controls{margin-top:8px;font-size:14px;color:var(--muted)}.advanced-controls summary{width:max-content;cursor:pointer;padding:7px 0;min-height:32px}.advanced-controls summary:focus-visible{outline:2px solid #f1ce80;outline-offset:5px}.distance-control{display:block;max-width:600px;margin:20px 0 4px;font-size:15px}.distance-control>span{display:flex;justify-content:space-between;gap:20px;margin-bottom:5px}.distance-control input{width:100%;height:32px;accent-color:#ddc28b;cursor:pointer}.control-hint,.model-note{font-size:13px;color:var(--muted);line-height:1.75}.control-hint{margin:12px 0}.simulation>figcaption{width:90%;max-width:1500px;margin:14px auto 0;font-size:13px}.hero-notes{width:90%;max-width:1500px;margin:10px auto 0;padding-bottom:24px;display:flex;justify-content:space-between;gap:30px}.hero-notes p{font-size:13px;line-height:1.7;margin:0;max-width:650px}.simulation-status{color:#ddc59d}#touch-model{display:none}
.story-step h2,.bh-section h2,.bh-closing>p{color:#f1dbb6}.story-step h2 em,.bh-section h2 em,.bh-closing em{color:#d9c1ed}.story-step .eyebrow{color:#dec5a7}.story-visual figcaption{color:#c6cbd8}.story-step.prose::before{background:radial-gradient(ellipse closest-side,#090b18bb 0%,#090b1877 58%,transparent 95%)}
#bai-doc{outline:none;padding-top:50px}.story-step{padding:35px 0 48px;border-bottom:1px solid var(--line)}.story-step h2{font-size:clamp(32px,3.1vw,48px);margin:0 0 25px}.story-prose p{font-size:18px;line-height:1.85;margin:0 0 22px}.story-step .source-link{font-size:14px;line-height:1.8}.story-visual{margin:0 0 30px}.story-visual img{width:100%;max-height:60vh;object-fit:contain}.story-visual figcaption{font-size:13px;line-height:1.75}.reader-enhanced .scrolly-reader{margin-bottom:130px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:6%;align-items:start}.reader-enhanced .reader-visual{--visual-height:min(58svh,650px,calc(100svh - 260px));position:sticky;top:calc((100svh - var(--visual-height))/2);height:var(--visual-height);align-self:start;padding:0}.visual-frame{height:var(--visual-height,58svh);max-height:650px;position:relative}.reader-enhanced .story-visual{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity 350ms,visibility 350ms;pointer-events:none}.reader-enhanced .story-visual.is-active{opacity:1;visibility:visible;pointer-events:auto}.reader-enhanced .story-visual>img{min-height:0;height:0;flex:1;width:100%;object-fit:contain}.reader-enhanced .story-visual figcaption{position:absolute;top:100%;left:0;width:100%;margin-top:16px}.reader-counter{font-size:13px;color:#d5c39d;letter-spacing:.05em;margin:18px 0 0}.reader-enhanced .reader-counter{margin-top:105px}.reader-enhanced .story-step:first-child{padding-top:25px}.comparison-stills{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0;align-items:center}.comparison-stills>div{min-width:0}.comparison-stills span{display:block;font-size:13px;margin-top:10px;color:var(--muted)}.comparison-stills img{width:100%;height:auto;object-fit:contain}
.reader-enhanced .ray-visual>img{flex:.8}.ray-diagram{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.ray-diagram svg{display:block;width:100%;height:auto;max-height:225px;min-height:0}.ray-line{fill:none;stroke-width:2}.far-ray{stroke:#a6d8ec}.near-ray{stroke:#e7c98f}.caught-ray{stroke:#bd9cbd}.ray-particle{visibility:hidden}.ray-diagram.playing .ray-particle{visibility:visible}.ray-legend{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.7;flex-wrap:wrap}.ray-legend span:nth-child(1){color:#a6d8ec}.ray-legend span:nth-child(2){color:#e7c98f}.ray-legend span:nth-child(3){color:#bd9cbd}#replay-rays{align-self:start;min-height:44px;padding:8px 12px;border-radius:25px;font-size:13px;margin-top:8px}.bh-section{padding:48px 0}.bh-section h2{margin-bottom:30px}.youtube-shell{aspect-ratio:16/9;background:#03070b;border:1px solid var(--line);max-width:960px;margin:auto}.youtube-shell iframe{display:block;width:100%;height:100%;border:0}.watch-room .model-note{text-align:center;max-width:960px;margin:20px auto 0}.bh-closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 0 60px}.bh-closing>p{font:clamp(30px,3vw,48px)/1.25 Georgia,serif}.bh-closing>.embed-only{font:17px/1.8 Arial,sans-serif}.bh-closing .onward{font-size:16px;margin:0}main>footer{margin:0}.motion-reduced *{scroll-behavior:auto!important}.motion-reduced .blackhole-ambient{transition:none}
@media(max-width:1000px){.reader-enhanced .scrolly-reader{display:block}.story-step h2{font-size:clamp(32px,5vw,46px)}}
@media(max-width:760px){.bh-opening .site-header{height:auto;min-height:80px;padding:12px 0}.blackhole-stage{height:590px;min-height:560px}.hero-heading{top:24px}.hero-heading h1{font-size:clamp(30px,8vw,42px);max-width:540px}.hero-heading .intro{display:none}.hero-heading .eyebrow{font-size:11px;margin-bottom:12px}.blackhole-stage canvas,.simulation-poster{top:180px;height:calc(100% - 180px);mask-image:linear-gradient(to bottom,transparent,#000 40px)}.simulation-poster img{top:0;height:100%}#start-simulation{top:calc(50% + 90px)}.simulation-controls button{font-size:12px;padding:9px 12px}.primary-controls{gap:8px}.secondary-controls{gap:8px}.hero-notes{display:block}.hero-notes p{margin:6px 0}.simulation>figcaption{font-size:13px;gap:12px}.story-prose p{font-size:17px}.story-step{padding:30px 0 38px}.story-step h2{font-size:clamp(32px,8.2vw,44px)}.story-visual img{max-height:430px}.ray-diagram{margin-top:15px}.ray-diagram svg{max-height:none}.ray-legend{justify-content:start;gap:5px 15px}.distance-control{max-width:none}#touch-model{display:block}.bh-closing{display:block;padding-bottom:35px}.bh-closing .onward{margin-top:25px}.comparison-stills{align-items:start}.control-hint,.model-note{font-size:13px}}