:root{color:#f7f2ff;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f7f2ff;--muted:#aaa4bd;--line:#d5caff2b;--panel:#110c26d1;--violet:#bca4ff;--amber:#ffc970;--coral:#ff8d6d;background:#070511;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 72% 8%,#5629872e,#0000 34rem),#070511;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}canvas:focus-visible{outline:2px solid var(--amber);outline-offset:3px}input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.site-shell{width:min(1420px,100%);margin:0 auto;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,4vw,64px);display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:720;display:inline-flex}.brand-mark{border:1px solid #ffc970bf;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:relative;box-shadow:0 0 18px #ffa85638}.brand-mark:after{content:"";border:1px solid #bca4ffa6;border-radius:50%;width:35px;height:10px;position:absolute;transform:rotate(-18deg)}.brand-mark i{background:var(--amber);width:8px;height:8px;box-shadow:0 0 10px var(--coral);border-radius:50%}nav{color:var(--muted);gap:clamp(18px,3vw,38px);font-size:.88rem;display:flex}nav a:hover{color:var(--ink)}main{padding:0 clamp(20px,4vw,64px)}.hero{grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:end;gap:60px;min-height:390px;padding:clamp(64px,8vw,108px) 0 62px;display:grid}.kicker,.section-number{color:var(--amber);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:750;line-height:1}h1{letter-spacing:-.065em;margin:16px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,7vw,6.6rem);font-weight:500;line-height:.85}h1 em{color:var(--violet);font-weight:400}.hero-intro{color:#c5bfd4;max-width:650px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.model-note{border-left:1px solid var(--coral);color:var(--muted);gap:15px;padding:8px 0 8px 22px;font-size:.82rem;line-height:1.55;display:flex}.model-note>span{color:var(--amber);font-size:1.3rem}.model-note p{margin:0}.model-note strong{color:var(--ink);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:.7rem;display:block}.lab,.guide,.science,.try-next,.faq{border-top:1px solid var(--line);padding:52px 0 80px}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:31px;display:flex}.section-heading h2{letter-spacing:-.045em;margin:10px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,4vw,3.5rem);font-weight:500;line-height:1}.section-heading>p{max-width:390px;color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.experiment-steps{border:1px solid var(--line);background:#0b081899;grid-template-columns:repeat(3,1fr);margin:0 0 24px;padding:0;list-style:none;display:grid}.experiment-steps li{opacity:.45;border-right:1px solid var(--line);align-items:center;gap:13px;min-height:78px;padding:16px 18px;display:flex}.experiment-steps li:last-child{border-right:0}.experiment-steps li.is-current,.experiment-steps li.is-done{opacity:1}.experiment-steps li.is-current{background:linear-gradient(100deg,#7e53c633,#0000)}.step-index{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:0 0 28px;place-items:center;font-size:.72rem;display:grid}.is-current .step-index{border-color:var(--amber);color:var(--amber)}.is-done .step-index{color:#9bd9c1;border-color:#9bd9c1}.experiment-steps strong,.experiment-steps small{display:block}.experiment-steps strong{font-size:.85rem}.experiment-steps small{color:var(--muted);margin-top:4px;font-size:.73rem}.lab-grid{border:1px solid var(--line);background:#0a0719c2;grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);display:grid;box-shadow:0 32px 90px #00000057}.canvas-column{min-width:0}.canvas-stage{isolation:isolate;background-image:url(/gravity-lens-lab-hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:570px;position:relative;overflow:hidden}.canvas-stage:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 49%,#0000 0 20%,#05030e14 48%,#05030e85 100%),linear-gradient(#0604122e,#06041247);position:absolute;top:0;bottom:0;left:0;right:0}.canvas-stage canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-topline{z-index:2;color:#ebe4ffad;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;justify-content:space-between;font:600 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;top:18px;left:20px;right:20px}.canvas-scale{z-index:2;color:#ebe4ffad;pointer-events:none;font:600 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:20px;left:20px}.canvas-scale span{border-top:1px solid;width:58px;margin-bottom:7px;display:block;position:relative}.canvas-scale span:before,.canvas-scale span:after{content:"";border-left:1px solid;height:5px;position:absolute;top:-3px}.canvas-scale span:after{right:0}.scene-caption{border-top:1px solid var(--line);min-height:45px;color:var(--muted);align-items:center;gap:18px;padding:11px 18px;font-size:.67rem;display:flex}.scene-caption span{white-space:nowrap}.scene-caption i{vertical-align:middle;width:12px;height:2px;margin-right:6px;display:inline-block}.legend-horizon{background:var(--amber)}.legend-photon{background:#e5a9ff}.legend-isco{background:#9db2ff}.scene-caption small{text-align:right;color:#847d97;margin-left:auto}.control-deck{border-left:1px solid var(--line);background:linear-gradient(165deg,#180f33f0,#0a0718f5);padding:24px}.control-head{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;font-size:.68rem;font-weight:750;display:flex}.run-counter{color:var(--amber)}fieldset{border:0;margin:0 0 25px;padding:0}legend,.mass-slider>span:first-child strong{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.7rem;font-weight:700}.preset-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.preset-grid button{border:1px solid var(--line);cursor:pointer;background:#ffffff06;padding:10px 5px}.preset-grid button:hover,.preset-grid button.is-active{background:#ffc97017;border-color:#ffc970ad}.preset-grid span,.preset-grid small{display:block}.preset-grid span{font-size:.69rem}.preset-grid small{color:var(--muted);margin-top:5px;font-size:.62rem}.mass-slider{margin-bottom:24px;display:block}.mass-slider>span:first-child{justify-content:space-between;align-items:center;display:flex}.mass-slider output{color:var(--amber);font:700 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.mass-slider input{width:100%;accent-color:var(--amber);cursor:pointer}.range-labels{color:#777085;justify-content:space-between;font-size:.66rem;display:flex}.live-result{background:#754abb17;border:1px solid #bca4ff3b;margin-bottom:17px;padding:15px}.live-result span,.live-result strong,.live-result small{display:block}.live-result span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.63rem}.live-result strong{margin:5px 0 7px;font-family:Georgia,serif;font-size:1.24rem;font-weight:500}.live-result small{color:var(--violet)}.completion-card{background:#61c29d17;border-left:2px solid #77d4af;gap:11px;margin-bottom:14px;padding:12px;display:flex}.completion-card>span{color:#77d4af}.completion-card strong{font-size:.78rem}.completion-card p{color:var(--muted);margin:3px 0 0;font-size:.69rem;line-height:1.4}.control-hint{min-height:41px;color:var(--muted);margin:0 0 14px;font-size:.72rem;line-height:1.45}.trace-button,.replay-button{cursor:pointer;border:0;width:100%}.trace-button{background:linear-gradient(105deg, var(--amber), var(--coral));color:#211022;justify-content:space-between;align-items:center;min-height:51px;padding:0 17px;font-weight:800;display:flex}.trace-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.38}.replay-button{color:var(--muted);text-underline-offset:3px;background:0 0;margin-top:10px;padding:10px;font-size:.72rem;text-decoration:underline}.readout-wrap{grid-template-columns:1fr 340px;gap:22px;display:grid}.radius-cards{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.radius-cards article{border-right:1px solid var(--line);background:#100b2485;min-height:230px;padding:24px}.radius-cards article:last-child{border-right:0}.radius-symbol{color:var(--amber);margin-bottom:38px;font:700 .71rem ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.radius-cards h3{margin:0 0 8px;font-family:Georgia,serif;font-size:1.42rem;font-weight:500}.radius-cards strong{color:var(--violet);font-size:.72rem}.radius-cards p{color:var(--muted);font-size:.77rem;line-height:1.55}.formula-card{background:linear-gradient(145deg,#7443b538,#1a1136ad);border:1px solid #bca4ff40;padding:24px}.formula-card>span{text-transform:uppercase;letter-spacing:.12em;color:var(--violet);font-size:.66rem}.formula-card dl{margin:29px 0 19px}.formula-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;display:flex}.formula-card dt{color:var(--muted);font-size:.76rem}.formula-card dd{margin:0;font:700 .8rem ui-monospace,SFMono-Regular,Menlo,monospace}.formula-card small{color:var(--muted);line-height:1.5}.science-caveat{border-left:2px solid var(--violet);color:var(--muted);background:#bca4ff0e;margin-top:20px;padding:18px 21px;font-size:.8rem;line-height:1.6}.science-caveat strong{color:var(--ink)}.prose-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.prose-grid article{background:#0b0819;padding:clamp(24px,4vw,42px)}.prose-grid h3,.trial-grid h3{margin:0 0 14px;font:500 1.35rem/1.2 Georgia,serif}.prose-grid p,.trial-grid p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.75}.trial-grid{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.trial-grid article{border-right:1px solid var(--line);background:#100b2485;padding:28px}.trial-grid article:last-child{border-right:0}.trial-grid article>span{color:var(--amber);margin-bottom:35px;font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.faq{max-width:980px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:22px 0;font-family:Georgia,serif;font-size:1.12rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--amber);transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:760px;color:var(--muted);margin:-6px 0 24px;font-size:.87rem;line-height:1.7}footer{border-top:1px solid var(--line);min-height:110px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 clamp(20px,4vw,64px);font-size:.75rem;display:grid}.footer-brand{color:var(--ink)}footer p{text-align:center}footer>div{justify-self:end;gap:22px;display:flex}footer a:hover{color:var(--ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:960px){.hero{grid-template-columns:1fr;gap:28px}.model-note{max-width:600px}.lab-grid{grid-template-columns:1fr}.control-deck{border-left:0;border-top:1px solid var(--line)}.readout-wrap,.trial-grid{grid-template-columns:1fr}.trial-grid article{border-right:0;border-bottom:1px solid var(--line)}.trial-grid article:last-child{border-bottom:0}.canvas-stage{min-height:520px}.formula-card{max-width:none}}@media (max-width:640px){.site-header{height:64px}.brand{font-size:.86rem}.brand-mark{width:23px;height:23px}.brand-mark:after{width:30px}nav{display:none}.hero{min-height:auto;padding:52px 0 44px}h1{font-size:clamp(3rem,14vw,4.3rem)}.section-heading{flex-direction:column;align-items:start;gap:14px}.experiment-steps{grid-template-columns:1fr}.experiment-steps li{border-right:0;border-bottom:1px solid var(--line);min-height:61px}.experiment-steps li:last-child{border-bottom:0}.experiment-steps small{display:none}.canvas-stage{min-height:min(94vw,420px)}.canvas-topline{top:12px;left:12px;right:12px}.canvas-scale{bottom:12px;left:12px}.scene-caption{flex-wrap:wrap;gap:8px 14px}.scene-caption small{text-align:left;width:100%;margin:0}.control-deck{padding:20px}.radius-cards,.prose-grid{grid-template-columns:1fr}.radius-cards article{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;gap:8px;min-height:auto;display:grid}.radius-cards article:last-child{border-bottom:0}.radius-symbol{margin:3px 0 0}footer{grid-template-columns:1fr;justify-items:start;padding:28px 0}footer p{text-align:left;margin:0}footer>div{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}