:root{color-scheme:dark;--bg: #07090d;--panel: #10161f;--panel-2: #151c28;--text: #f4f7fb;--muted: #aeb8c7;--line: rgba(255, 255, 255, .12);--blue: #76c7ff;--gold: #f7c77c;--rose: #ff8c8c;--green: #9ce2bb;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(51,92,139,.25),transparent 32%),var(--bg);color:var(--text);font-family:var(--font-ui)}button,select{font:inherit}.math-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:14px clamp(18px,4vw,48px);border-bottom:1px solid var(--line);background:#07090ddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-tabs a,.ghost-link{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#02030a 0 35%,transparent 37%),conic-gradient(from -30deg,var(--blue),#f7f4ff,var(--gold),transparent,var(--blue));box-shadow:0 0 22px #76c7ff73}.nav-tabs{display:flex;justify-content:center;gap:8px}.nav-tabs a,.language-picker,.ghost-link{border:1px solid var(--line);border-radius:8px;background:#ffffff0e}.nav-tabs a{padding:9px 12px;color:var(--muted);font-size:.92rem}.nav-tabs a:hover,.ghost-link:hover{color:var(--text);border-color:#76c7ff6b}.language-picker{display:flex;align-items:center;gap:8px;padding:7px 9px;color:var(--muted);font-size:.88rem}.language-picker select{border:0;background:transparent;color:var(--text);outline:none}.explorer-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:clamp(18px,3vw,36px);padding:clamp(18px,4vw,48px)}.visual-panel,.learning-panel,.section-band{border:1px solid var(--line);border-radius:8px;background:#10161fc7}.visual-panel{overflow:hidden}.blackhole-still{position:relative;width:100%;margin:0;overflow:hidden;background:#02030a;aspect-ratio:16 / 9}.blackhole-still img{display:block;width:100%;height:100%;object-fit:cover}.space-scene{position:relative;min-height:clamp(460px,62vw,780px);overflow:hidden;background:radial-gradient(circle at 18% 55%,rgba(92,146,221,.22),transparent 26%),radial-gradient(circle at 62% 48%,rgba(19,24,43,.98) 0 14%,transparent 15%),linear-gradient(135deg,#050813,#11182a 46%,#030408)}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(119,174,255,.85) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,151,90,.7) 0 1px,transparent 1.4px);background-size:57px 53px,83px 71px,131px 113px}.starfield-b{transform:rotate(-14deg) scale(1.1);opacity:.38;filter:blur(.4px)}.disk{position:absolute;left:5%;right:4%;top:34%;height:24%;border-radius:50%;transform:rotate(13deg);filter:blur(5px)}.disk-back{background:linear-gradient(90deg,#439cff00,#a0d9ffb8,#fffffff5,#ffbd977a,#ff7c4b14);box-shadow:0 0 60px #81c5ff85}.disk-front{top:52%;height:20%;background:linear-gradient(90deg,#54aeff14,#7cc5ff8f,#f4fcffb3,#d3896754,#53281d00);filter:blur(7px)}.event-horizon{position:absolute;left:50%;top:42%;width:min(25vw,260px);aspect-ratio:1;border-radius:50%;transform:translate(-18%,-2%);background:radial-gradient(circle at 48% 48%,#02030a 0 61%,rgba(15,20,38,.96) 62% 69%,transparent 70%);box-shadow:0 0 36px #000000f2}.photon-ring{position:absolute;left:49%;top:41%;width:min(28vw,298px);aspect-ratio:1;border-radius:50%;transform:translate(-18%,-2%);border:2px solid rgba(207,235,255,.88);border-left-color:#76c7ff29;border-bottom-color:#f7c77c2e;filter:drop-shadow(0 0 13px rgba(181,224,255,.78))}.ray{position:absolute;height:2px;width:46%;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform-origin:center}.ray-one{left:17%;top:25%;transform:rotate(11deg)}.ray-two{right:11%;bottom:24%;transform:rotate(-18deg);opacity:.65}.lens-map{position:absolute;top:28px;right:28px;width:min(32vw,330px);aspect-ratio:2 / 1;border:1px solid rgba(180,211,255,.28);background:#527ab385}.map-line{position:absolute;background:#e3efff6b}.map-x{left:0;right:0;top:50%;height:1px}.map-y{top:0;bottom:0;left:50%;width:1px}.map-dot{position:absolute;left:69%;top:45%;width:10px;height:10px;border-radius:50%;background:#ff47e7;box-shadow:0 0 0 3px #76c7ffad}.visual-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-top:1px solid var(--line);color:var(--muted)}.visual-caption p{max-width:760px;margin:0;line-height:1.7}.ghost-link{flex:0 0 auto;padding:10px 12px;color:var(--blue)}.learning-panel{align-self:start;padding:clamp(22px,3vw,34px)}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:1.08}h1{font-size:clamp(2rem,4vw,4.3rem)}h2{font-size:clamp(1.5rem,2.6vw,2.7rem)}.lead{margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.75}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:26px}.mode-button,.function-pill{border:1px solid var(--line);border-radius:8px;background:#ffffff0e;color:var(--muted);cursor:pointer}.mode-button{min-height:42px}.mode-button.is-active,.function-pill.is-active{border-color:#76c7ff8f;background:#76c7ff24;color:var(--text)}.stat-strip{display:grid;grid-template-columns:minmax(150px,.34fr);gap:10px;margin-top:26px}.stat-strip div{padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.stat-strip strong{display:block;font-size:1.8rem}.stat-strip span{color:var(--muted);font-size:.86rem}.section-band{scroll-margin-top:86px;margin:0 clamp(18px,4vw,48px) clamp(18px,4vw,48px);padding:clamp(22px,3vw,34px)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.pipeline,.timeline,.strategy-grid{display:grid;gap:14px}.pipeline{grid-template-columns:repeat(5,1fr)}.pipeline article,.timeline article,.strategy-grid article{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffff0b}.pipeline span,.timeline time{color:var(--gold);font-family:var(--font-mono);font-size:.88rem}.pipeline strong{display:block;margin-top:14px}.pipeline p,.timeline p,.strategy-grid p{margin:12px 0 0;color:var(--muted);line-height:1.65}.function-workbench{display:grid;grid-template-columns:minmax(260px,.48fr) minmax(0,1fr);gap:16px}.formula-lab{display:grid;grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);gap:16px}.formula-list{display:grid;gap:8px}.formula-pill{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0e;color:var(--muted);cursor:pointer;text-align:left}.formula-pill.is-active{border-color:#f7c77c94;background:#f7c77c21;color:var(--text)}.formula-pill span{grid-row:span 2;color:var(--gold);font-family:var(--font-mono)}.formula-pill small{min-width:0;color:inherit;font-family:var(--font-mono);opacity:.72;overflow-wrap:anywhere}.formula-card{min-width:0;padding:clamp(18px,3vw,28px);border:1px solid rgba(247,199,124,.25);border-radius:8px;background:linear-gradient(135deg,#f7c77c12,#ffffff09)}.formula-card h3{margin:0;font-size:clamp(1.7rem,3vw,2.8rem)}.formula-expression{margin:16px 0;padding:16px;overflow-x:auto;border:1px solid rgba(247,199,124,.22);border-radius:8px;background:#00000061;color:#fff4d8;font-family:var(--font-mono);font-size:clamp(1rem,2vw,1.35rem)}.symbol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.symbol-card{padding:13px;border:1px solid var(--line);border-radius:8px;background:#00000029;color:var(--muted);cursor:pointer;text-align:left}.symbol-card strong{display:block;margin-bottom:6px;color:var(--green);font-family:var(--font-mono)}.formula-demo-panel{position:relative;margin-top:18px;overflow:hidden;border:1px solid rgba(118,199,255,.24);border-radius:8px;background:#05070d;aspect-ratio:16 / 8.5}.formula-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:radial-gradient(circle at 63% 53%,rgba(4,6,14,1) 0 8%,rgba(102,173,255,.38) 9%,transparent 21%),radial-gradient(circle at 16% 30%,rgba(118,199,255,.18),transparent 24%),linear-gradient(135deg,#07101f,#03060c 72%)}.fallback-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.72;background-image:linear-gradient(rgba(118,199,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(118,199,255,.22) 1px,transparent 1px);background-size:48px 48px;transform:perspective(600px) rotateX(18deg) scale(1.2);transform-origin:50% 50%}.fallback-hole{position:absolute;left:63%;top:53%;width:18%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#010208;box-shadow:0 0 0 3px #d2ebffbf,0 0 48px #76c7ff73}.fallback-ray{position:absolute;left:8%;right:9%;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),rgba(118,199,255,.72),transparent);transform-origin:center;filter:drop-shadow(0 0 8px rgba(118,199,255,.6))}.ray-a{top:62%;transform:rotate(-8deg)}.ray-b{top:40%;opacity:.55;transform:rotate(13deg)}.ray-c{top:52%;opacity:0;transform:rotate(0)}.fallback-arrow{position:absolute;width:64px;height:3px;border-radius:999px;opacity:0;background:#9ce2bb;box-shadow:0 0 16px #9ce2bbb3}.fallback-arrow:after{content:"";position:absolute;right:-2px;top:50%;width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:translateY(-50%) rotate(45deg)}.arrow-a{left:24%;top:31%;color:#f7c77c;background:#f7c77c;transform:rotate(18deg)}.arrow-b{left:52%;top:56%;color:#ff8c8c;background:#ff8c8c;transform:rotate(-32deg)}.fallback-step{position:absolute;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.68);border-radius:50%;opacity:0;background:#080e19e0;color:#fff;font-family:var(--font-mono);font-weight:800;box-shadow:0 0 22px #76c7ff61}.step-a{left:24%;top:59%}.step-b{left:38%;top:43%}.step-c{left:52%;top:66%}.step-d{left:70%;top:39%}.fallback-photon{position:absolute;left:18%;top:58%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 32px #76c7ffe0;animation:fallback-photon 3.2s linear infinite}.formula-demo-panel[data-demo=freefall] .ray-a{top:64%;transform:rotate(0)}.formula-demo-panel[data-demo=freefall] .fallback-grid{transform:none}.formula-demo-panel[data-demo=freefall] .fallback-hole{opacity:.28}.formula-demo-panel[data-demo=freefall] .ray-b,.formula-demo-panel[data-demo=freefall] .ray-c{opacity:0}.formula-demo-panel[data-demo=chain] .ray-c{opacity:.76;transform:rotate(18deg)}.formula-demo-panel[data-demo=chain] .arrow-a,.formula-demo-panel[data-demo=gamma] .fallback-arrow,.formula-demo-panel[data-demo=geodesic] .fallback-arrow{opacity:1}.formula-demo-panel[data-demo=gamma] .fallback-grid{animation:fallback-grid-pulse 2.4s ease-in-out infinite}.formula-demo-panel[data-demo=rk4] .fallback-step{opacity:1}.formula-demo-panel[data-demo=rk4] .fallback-photon{opacity:.3}@keyframes fallback-photon{0%{transform:translate(0)}45%{transform:translate(36vw,-9vh)}to{transform:translate(62vw,-22vh)}}@keyframes fallback-grid-pulse{0%,to{filter:brightness(.86)}50%{filter:brightness(1.35)}}.formula-demo-panel canvas{position:relative;z-index:2;opacity:.72;mix-blend-mode:screen;pointer-events:none;display:block;width:100%;height:100%}.formula-demo-panel .demo-labels{z-index:3}.formula-bridge{margin-top:18px;padding:16px;border:1px solid rgba(156,226,187,.22);border-radius:8px;background:#9ce2bb0e}.formula-bridge h4{margin:0 0 8px;color:var(--green)}.formula-bridge p{margin:0;color:var(--muted);line-height:1.7}.function-list{display:grid;gap:8px}.function-pill{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;padding:12px;text-align:left}.function-pill span{grid-row:span 2;color:var(--gold);font-family:var(--font-mono)}.function-pill strong,.function-pill small{min-width:0}.function-pill small{color:inherit;opacity:.68}.function-card{min-width:0;padding:clamp(18px,3vw,28px);border:1px solid rgba(118,199,255,.28);border-radius:8px;background:linear-gradient(135deg,#76c7ff14,#ffffff09)}.function-card h3{font-size:clamp(1.8rem,3vw,3rem)}.function-summary{margin:16px 0 0;color:var(--text);font-size:1.1rem;line-height:1.75}.calculation-panel{margin-top:18px;padding:18px;border:1px solid rgba(156,226,187,.24);border-radius:8px;background:#9ce2bb0e}.calculation-panel h4{margin:0 0 12px;color:var(--green);font-size:1rem}.calculation-panel ol{display:grid;gap:10px;margin:0;padding-left:22px}.calculation-panel li{color:var(--muted);line-height:1.7}.demo-stage{position:relative;margin-top:18px;overflow:hidden;border:1px solid rgba(118,199,255,.26);border-radius:8px;background:#05070d;aspect-ratio:16 / 7}.demo-stage canvas{display:block;width:100%;height:100%}.demo-labels{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.demo-labels span{padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#05070db8;color:#f4f7fbe6;font-family:var(--font-mono);font-size:.78rem;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.detail-grid div{padding:16px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.detail-grid h4{margin:0 0 8px;color:var(--green)}.detail-grid p{margin:0;color:var(--muted);line-height:1.6}.origin-open{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;min-height:38px;padding:0 12px;border:1px solid rgba(118,199,255,.34);border-radius:8px;background:#76c7ff1a;color:#bfe7ff;cursor:pointer;text-decoration:none}.origin-open:hover{border-color:#76c7ffad;color:#fff}.origin-inline{display:grid;grid-template-columns:minmax(170px,.32fr) minmax(0,1fr);gap:16px;margin-top:18px;padding:16px;border:1px solid rgba(247,199,124,.22);border-radius:8px;background:#f7c77c0e}.origin-inline img{width:100%;height:170px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#02030a}.origin-inline h4{margin:0 0 8px;color:var(--gold)}.origin-inline p{margin:0 0 12px;color:var(--muted);line-height:1.75}.origin-source-link{color:#bfe7ff;font-weight:800}.code-sample{margin:18px 0 0;padding:16px;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#0000006b;color:#d8ecff;font-family:var(--font-mono);font-size:.92rem}.timeline{grid-template-columns:repeat(5,1fr)}.timeline h3,.strategy-grid h3{margin-top:10px}.strategy-grid{grid-template-columns:repeat(4,1fr)}.origin-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 28px));padding:0;overflow:hidden;border:1px solid rgba(118,199,255,.3);border-radius:8px;background:#0d131d;color:var(--text);box-shadow:0 30px 120px #00000094}.origin-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.origin-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#05070dc7;color:var(--text);cursor:pointer;font-size:1.4rem;line-height:1}.origin-media{height:min(46vh,360px);background:#02030a}.origin-media img{display:block;width:100%;height:100%;object-fit:cover}.origin-copy{padding:clamp(20px,3vw,32px)}.origin-copy h2{margin-bottom:14px}.origin-copy p:not(.eyebrow){margin:0 0 18px;color:var(--muted);font-size:1.02rem;line-height:1.8}@media(max-width:1100px){.topbar,.explorer-layout,.function-workbench,.formula-lab{grid-template-columns:1fr}.nav-tabs{justify-content:start;overflow-x:auto}.pipeline,.timeline,.strategy-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.explorer-layout,.section-band{padding:14px}.section-band{margin-right:10px;margin-left:10px}.mode-grid,.stat-strip,.detail-grid,.symbol-grid,.pipeline,.timeline,.strategy-grid{grid-template-columns:1fr}.visual-caption{align-items:stretch;flex-direction:column}.demo-labels{align-items:start;flex-direction:column}.formula-card{padding:14px}.formula-demo-panel{min-height:280px;aspect-ratio:auto}.formula-demo-panel canvas{min-height:280px}.origin-inline{grid-template-columns:1fr}.origin-media{height:240px}}