:root{--navy:#07111f;--navy2:#0b1b2d;--panel:#10243a;--line:#29435c;--white:#eff8ff;--muted:#90a8bc;--cyan:#55d6ff;--violet:#8b7cff;--coral:#ff8b7d;--amber:#ffcc69;--green:#71e0af;--mono:'IBM Plex Mono',monospace;--sans:'IBM Plex Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--sans);overflow-x:hidden}.ambient-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(85,214,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(85,214,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}.scanline{position:fixed;z-index:10;left:0;right:0;top:-10vh;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan);opacity:.45;animation:scan 10s linear infinite;pointer-events:none}.app-shell{display:flex;min-height:100vh}.rail{position:fixed;z-index:5;inset:0 auto 0 0;width:248px;border-right:1px solid rgba(85,214,255,.16);background:rgba(7,17,31,.88);backdrop-filter:blur(18px);padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 25px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:600 23px var(--mono);box-shadow:0 0 18px rgba(85,214,255,.25);animation:markPulse 3s ease-in-out infinite}.brand strong{display:block;font-size:13px;letter-spacing:.15em}.brand span{display:block;font:10px var(--mono);letter-spacing:.09em;color:var(--muted);margin-top:3px}.rail-status{font:10px var(--mono);color:var(--green);letter-spacing:.08em;padding:10px 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.status-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:8px;animation:blink 1.6s infinite}.nav-item{width:100%;border:0;background:none;color:var(--muted);text-align:left;padding:11px 9px;font:500 12px var(--sans);cursor:pointer;display:flex;align-items:center;gap:12px;transition:.25s;position:relative}.nav-item span{font:10px var(--mono);color:#526d85}.nav-item:hover,.nav-item.active{color:var(--white);background:linear-gradient(90deg,rgba(85,214,255,.13),transparent)}.nav-item.active:before{content:'';position:absolute;left:-18px;top:8px;bottom:8px;width:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.nav-item.active span{color:var(--cyan)}.rail-footer{margin-top:auto;display:flex;justify-content:space-between;color:#526d85;font:9px var(--mono);letter-spacing:.07em}.main-canvas{width:calc(100% - 248px);margin-left:248px;padding:0 52px 80px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(85,214,255,.12);margin-bottom:45px}.eyebrow,.kicker,.panel-index,.chart-title,.topbar-readout,.metric-strip span,.readout span,.step>span{font:10px var(--mono);letter-spacing:.15em;color:var(--muted)}.topbar h1{font-size:18px;margin:7px 0 0;font-weight:500}.topbar-readout{display:flex;align-items:center;gap:9px}.topbar-readout strong{font:600 12px var(--mono);color:var(--cyan);margin-left:18px}.section{display:none;animation:sectionIn .65s ease both}.section.active{display:block}.section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:38px}.section-intro h2,.hero-copy h2{font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.06em;margin:14px 0 0}.section-intro h2 em,.hero-copy h2 em{color:var(--cyan);font-style:normal}.section-intro>p,.lede{color:var(--muted);max-width:440px;line-height:1.7;font-size:15px;margin:0 0 5px}.panel{background:linear-gradient(135deg,rgba(16,36,58,.9),rgba(11,27,45,.72));border:1px solid rgba(85,214,255,.16);position:relative;overflow:hidden}.panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 22%)}.panel-index{display:block}.hero-grid{min-height:505px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.hero-copy{padding-left:2vw}.hero-copy h2{font-size:clamp(48px,6.6vw,92px);margin:15px 0 24px}.hero-copy .lede{font-size:17px}.hero-actions,.report-actions{display:flex;gap:12px;margin-top:30px}.primary-btn,.ghost-btn,.reset-btn{font:600 11px var(--mono);letter-spacing:.05em;padding:13px 17px;border:1px solid var(--cyan);cursor:pointer;transition:.25s}.primary-btn{background:var(--cyan);color:var(--navy)}.primary-btn:hover{box-shadow:0 0 22px rgba(85,214,255,.45);transform:translateY(-2px)}.ghost-btn{background:transparent;color:var(--white);border-color:var(--line)}.ghost-btn:hover{border-color:var(--cyan);color:var(--cyan)}.hero-instrument{height:420px;position:relative;display:grid;place-items:center}.core-readout{width:220px;height:220px;border-radius:50%;border:1px solid rgba(85,214,255,.45);box-shadow:0 0 55px rgba(85,214,255,.13),inset 0 0 40px rgba(85,214,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;animation:float 5s ease-in-out infinite}.core-symbol{font:48px var(--mono);color:var(--cyan);text-shadow:0 0 18px var(--cyan)}.core-label{font:10px var(--mono);letter-spacing:.15em;color:var(--muted);text-align:center}.core-readout strong{font:600 26px var(--mono);color:var(--white);margin-top:10px}.core-readout small{font:9px var(--mono);color:var(--cyan);margin-top:6px}.orbit{position:absolute;border:1px solid rgba(139,124,255,.35);border-radius:50%;transform:rotate(-25deg);animation:orbit 16s linear infinite}.orbit-a{width:330px;height:145px}.orbit-b{width:390px;height:175px;transform:rotate(45deg);animation-direction:reverse;border-color:rgba(85,214,255,.25)}.hero-spark{position:absolute;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);border-radius:50%;animation:spark 4s ease-in-out infinite}.spark-1{top:18%;left:18%}.spark-2{bottom:18%;right:14%;animation-delay:1.4s;background:var(--violet)}.spark-3{top:32%;right:5%;animation-delay:2.2s;background:var(--coral)}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(85,214,255,.18);background:rgba(16,36,58,.5)}.metric-strip>div{padding:17px 20px;border-right:1px solid var(--line)}.metric-strip>div:last-child{border-right:0}.metric-strip strong{display:block;font:600 18px var(--mono);margin-top:8px}.metric-strip small{font-size:11px;color:var(--muted)}.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.manifesto,.quickstart{padding:24px;min-height:160px}.manifesto h3{font-size:23px;line-height:1.15;margin:25px 0 10px}.manifesto p{color:var(--muted);line-height:1.6;margin:0;max-width:540px}.manifesto b{font:10px var(--mono);color:var(--cyan)}.quick-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}.quick-row span{font:10px var(--mono);color:var(--cyan)}.quick-row p{margin:0;flex:1;font-size:13px}.quick-row b{color:var(--violet);font:16px var(--mono)}.theory-layout,.physical-layout,.data-layout,.results-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.equation-panel{padding:30px;display:flex;flex-direction:column;justify-content:center;min-height:350px}.equation{display:flex;gap:22px;align-items:center;font:22px var(--mono);padding:20px 0;border-bottom:1px solid var(--line)}.equation b{color:var(--violet)}.equation.highlight{color:var(--cyan);font-size:30px}.note{color:var(--muted);line-height:1.6;font-size:13px}.theory-cards{display:grid;gap:18px}.info-card{padding:22px 24px;border:1px solid var(--line);background:rgba(16,36,58,.4);position:relative;overflow:hidden}.info-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--violet)}.big-index{font:10px var(--mono);color:var(--violet)}.info-card h3{margin:20px 0 8px;font-size:19px}.info-card p{color:var(--muted);line-height:1.6;font-size:13px;margin:0}.setup-panel{padding:22px}.setup-diagram{height:350px;position:relative;margin-top:25px;background:radial-gradient(circle at 55% 50%,rgba(85,214,255,.08),transparent 45%);border:1px dashed rgba(85,214,255,.25);overflow:hidden}.setup-diagram:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(85,214,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(85,214,255,.05) 1px,transparent 1px);background-size:25px 25px}.support{position:absolute;left:12%;top:43%;height:70px;width:38px;border:2px solid var(--muted);border-bottom:0;text-align:center}.support:before,.support:after{content:'';position:absolute;width:11px;height:11px;border:1px solid var(--muted);border-radius:50%;left:11px}.support:before{top:12px}.support:after{top:42px}.support span{position:absolute;top:-35px;left:-25px;width:90px;font:9px var(--mono);color:var(--muted)}.physical-specimen{position:absolute;left:19%;right:23%;top:49%;height:16px;display:flex;align-items:center}.specimen-node{width:12px;height:12px;border:2px solid var(--cyan);border-radius:50%;z-index:1}.specimen-body{height:10px;flex:1;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 18px rgba(85,214,255,.5);animation:bodyPulse 2.2s ease-in-out infinite}.load-arrow{position:absolute;right:10%;top:43%;display:flex;gap:8px;align-items:center;color:var(--coral);font:18px var(--mono)}.load-arrow i{width:55px;height:2px;background:var(--coral);position:relative}.load-arrow i:after{content:'';position:absolute;right:0;top:-5px;border-left:9px solid var(--coral);border-top:6px solid transparent;border-bottom:6px solid transparent}.ruler{position:absolute;left:19%;right:23%;bottom:23%;display:flex;justify-content:space-between;border-top:1px solid var(--muted);padding-top:9px;color:var(--muted);font:9px var(--mono)}.diagram-label{position:absolute;font:10px var(--mono);color:var(--cyan)}.label-l{left:42%;top:38%}.label-w{left:51%;top:57%;color:var(--violet)}.diagram-caption{font:10px var(--mono);color:var(--muted);margin-top:13px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 6px 0 12px}.legend-dot.blue{background:var(--cyan)}.legend-dot.violet{background:var(--violet)}.steps{display:grid;gap:12px}.step{display:flex;gap:20px;padding:21px 24px;border-left:1px solid var(--line);background:rgba(16,36,58,.4);transition:.3s}.step:hover{border-left-color:var(--cyan);transform:translateX(7px)}.step>span{color:var(--cyan);padding-top:3px}.step h3{margin:0 0 7px;font-size:17px}.step p{color:var(--muted);line-height:1.55;margin:0;font-size:13px}.simulation-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.material-tabs{display:flex;gap:7px;flex-wrap:wrap}.material-tab{border:1px solid var(--line);background:transparent;color:var(--muted);font:10px var(--mono);padding:9px 11px;cursor:pointer}.material-tab.active,.material-tab:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(85,214,255,.08)}.sim-status{font:10px var(--mono);color:var(--muted);display:flex;align-items:center;gap:2px}.reset-btn{margin-left:14px;background:transparent;color:var(--amber);border-color:rgba(255,204,105,.4);padding:8px 10px}.sim-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.specimen-panel{padding:22px}.specimen-head{display:flex;justify-content:space-between;align-items:center}.assumption{font:9px var(--mono);color:var(--amber);border:1px solid rgba(255,204,105,.3);padding:6px 8px}.specimen-stage{height:390px;margin:18px 0;position:relative;overflow:hidden;border:1px solid rgba(85,214,255,.15);background:#081725}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(85,214,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(85,214,255,.055) 1px,transparent 1px);background-size:34px 34px;transform:perspective(300px) rotateX(32deg) scale(1.3);transform-origin:center bottom;opacity:.7}.clamp{position:absolute;top:37%;height:74px;width:38px;border:2px solid var(--muted);color:var(--muted);font:9px var(--mono);display:grid;place-items:center;z-index:2}.left-clamp{left:8%;border-right:0}.right-clamp{right:8%;border-left:0;color:var(--coral);border-color:var(--coral)}.material-specimen{position:absolute;left:15%;right:15%;top:44%;height:42px;transition:height .5s,left .5s,right .5s;display:flex;align-items:center;z-index:1}.specimen-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--violet));box-shadow:0 0 28px rgba(85,214,255,.45);border-radius:20px;position:relative;overflow:hidden}.specimen-fill:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 18px,rgba(255,255,255,.3) 19px 21px,transparent 22px 40px);animation:materialFlow 1.8s linear infinite}.particle{position:absolute;width:5px;height:5px;border:1px solid white;border-radius:50%;z-index:3;opacity:.8}.p1{left:25%;top:12px}.p2{left:45%;top:27px}.p3{left:68%;top:10px}.p4{left:82%;top:29px}.measure-line{position:absolute;color:var(--cyan);font:10px var(--mono);text-align:center}.measure-line:before{content:'';display:block;margin:auto;border-top:1px dashed var(--cyan);width:100%;position:absolute;top:0}.measure-line span{position:relative;top:-19px;background:#081725;padding:0 7px}.length-line{left:15%;right:15%;top:34%}.width-line{left:38%;top:54%;width:24%;transform:rotate(90deg)}.width-line span{top:-18px}.sim-ruler{left:15%;right:15%;bottom:14%;color:var(--muted)}.force-pulse{position:absolute;right:10%;top:24%;color:var(--coral);font:12px var(--mono);animation:forcePulse 1.8s infinite}.force-pulse:after{content:'';display:block;width:50px;height:1px;background:var(--coral);margin-top:7px;transform-origin:right;animation:forceLine 1.8s infinite}.slider-wrap label{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted)}.slider-wrap label b{color:var(--cyan)}input[type=range]{appearance:none;width:100%;height:2px;margin:17px 0 10px;background:linear-gradient(90deg,var(--cyan) 0 var(--fill,0%),var(--line) var(--fill,0%));outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border:2px solid var(--cyan);border-radius:50%;background:var(--navy);box-shadow:0 0 15px var(--cyan);cursor:grab}.slider-scale{display:flex;justify-content:space-between;color:#526d85;font:9px var(--mono)}.readout-stack{display:flex;flex-direction:column;gap:18px}.big-readout{padding:24px;background:linear-gradient(135deg,rgba(85,214,255,.12),rgba(139,124,255,.1));border-color:rgba(85,214,255,.35)}.big-readout span{font:10px var(--mono);color:var(--muted);letter-spacing:.15em}.big-readout strong{display:block;font:600 clamp(48px,6vw,78px) var(--mono);color:var(--cyan);margin:16px 0 7px;text-shadow:0 0 20px rgba(85,214,255,.3)}.big-readout small{font:11px var(--mono);color:var(--muted)}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.readout{padding:17px 15px;border:1px solid var(--line);background:rgba(16,36,58,.5)}.readout strong{display:block;font:600 18px var(--mono);margin-top:11px}.readout small{color:var(--muted);font-size:10px}.readout em{display:block;margin-top:7px;color:var(--cyan);font:9px var(--mono);font-style:normal}.text-readout{font-family:var(--sans)!important;font-size:14px!important;line-height:1.2}.validity-note{display:flex;gap:11px;padding:14px;border:1px solid rgba(255,204,105,.25);color:var(--muted);font-size:12px;line-height:1.45}.validity-note span{color:var(--amber);font:16px var(--mono)}.validity-note p{margin:0}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-card{padding:21px;border:1px solid var(--line);background:rgba(16,36,58,.5);min-height:235px;position:relative;overflow:hidden;transition:.35s}.material-card:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 15px 35px rgba(0,0,0,.2)}.material-card .swatch{height:5px;background:var(--swatch);position:absolute;left:0;right:0;top:0}.material-card header{display:flex;justify-content:space-between;margin-top:5px}.material-card h3{font-size:18px;margin:0}.material-card header span{font:10px var(--mono);color:var(--cyan)}.mini-specimen{height:38px;margin:24px 0;display:flex;align-items:center}.mini-specimen i{display:block;height:18px;width:80%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:14px;box-shadow:0 0 15px rgba(85,214,255,.35);animation:miniStretch 2.6s ease-in-out infinite}.material-card p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.material-card footer{display:flex;justify-content:space-between;color:var(--amber);font:9px var(--mono);margin-top:17px}.data-layout{grid-template-columns:1fr 1fr}.input-panel,.calc-panel{padding:24px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.input-grid label{font:10px var(--mono);color:var(--muted)}input,select{display:block;margin-top:7px;width:100%;padding:11px;border:1px solid var(--line);background:#081725;color:var(--white);font:13px var(--mono);outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 12px rgba(85,214,255,.15)}.calc-steps{margin:25px 0}.calc-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font:12px var(--mono)}.calc-line span{color:var(--muted)}.calc-line strong{color:var(--cyan)}.calc-line.final strong{font-size:21px}.inference-chip{border:1px solid rgba(113,224,175,.3);background:rgba(113,224,175,.06);padding:14px;color:var(--green);font-size:12px;line-height:1.5}.sample-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.provenance{font:9px var(--mono);letter-spacing:.08em;padding:7px 9px}.simulated{color:var(--amber);border:1px solid rgba(255,204,105,.35);background:rgba(255,204,105,.05)}.entered{color:var(--cyan);border:1px solid rgba(85,214,255,.35);background:rgba(85,214,255,.05);font-size:9px;padding:4px 6px}.sample-controls select{width:210px;margin:0}.table-panel{padding:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:14px 16px;text-align:right;border-bottom:1px solid var(--line);font:11px var(--mono)}th:first-child,td:first-child{text-align:left}th{font-size:9px;color:var(--muted);letter-spacing:.08em;background:rgba(85,214,255,.04)}td{color:var(--white)}td:last-child{color:var(--cyan)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-panel{padding:18px}.chart-title{display:flex;justify-content:space-between;margin-bottom:13px}.chart-title b{color:var(--cyan);font-weight:400}.chart-panel svg{width:100%;height:auto}.chart-gridline{stroke:rgba(144,168,188,.18);stroke-width:1}.chart-axis{stroke:var(--muted);stroke-width:1}.chart-label{fill:var(--muted);font:10px var(--mono)}.chart-line{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:800;animation:drawChart 1.2s ease forwards}.chart-dot{fill:var(--navy);stroke:var(--cyan);stroke-width:2}.bar{fill:var(--violet);animation:barIn .8s ease both;transform-origin:bottom}.results-layout{grid-template-columns:1.1fr .9fr}.results-card,.report-card{padding:27px}.result-ratio{padding:28px 0;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:15px}.result-ratio span{font:30px var(--mono);color:var(--violet)}.result-ratio strong{font:600 65px var(--mono);color:var(--cyan)}.result-ratio small{font:11px var(--mono);color:var(--muted)}.result-bullets{padding-top:16px}.result-bullets p{margin:10px 0;color:var(--muted);font-size:13px}.result-bullets p:before{content:'↳';color:var(--cyan);font:14px var(--mono);margin-right:10px}.report-card h3{font-size:26px;margin:30px 0 8px}.report-card p{color:var(--muted);line-height:1.6;max-width:450px}.report-stamp{border:1px solid rgba(139,124,255,.4);color:var(--violet);font:11px var(--mono);letter-spacing:.12em;width:100px;padding:9px;text-align:center;transform:rotate(-6deg);margin:35px 0 0 auto}.quiz-panel{padding:25px;max-width:820px;margin:auto}.quiz-progress{display:flex;gap:15px;align-items:center;font:10px var(--mono);color:var(--muted)}.quiz-progress>div{height:3px;background:var(--line);flex:1}.quiz-progress i{display:block;width:20%;height:100%;background:var(--cyan);transition:.3s}.quiz-progress b{color:var(--cyan);font-weight:400}.quiz-question{font-size:27px;line-height:1.2;max-width:650px;margin:55px 0 27px}.quiz-options{display:grid;gap:10px}.quiz-option{border:1px solid var(--line);background:rgba(8,23,37,.45);color:var(--white);padding:15px;text-align:left;cursor:pointer;font:13px var(--sans);transition:.2s}.quiz-option:hover,.quiz-option.selected{border-color:var(--cyan);background:rgba(85,214,255,.08)}.quiz-option.correct{border-color:var(--green);background:rgba(113,224,175,.08)}.quiz-option.wrong{border-color:var(--coral);background:rgba(255,139,125,.08)}.quiz-explain{margin-top:18px;padding:13px;background:rgba(139,124,255,.08);border-left:2px solid var(--violet);color:var(--muted);font-size:13px;line-height:1.5}.quiz-actions{display:flex;justify-content:space-between;margin-top:30px}.toast{position:fixed;z-index:20;right:25px;bottom:25px;padding:14px 18px;background:var(--cyan);color:var(--navy);font:11px var(--mono);transform:translateY(120%);transition:.3s;box-shadow:0 8px 30px rgba(0,0,0,.3)}.toast.show{transform:translateY(0)}@keyframes scan{to{top:110vh}}@keyframes blink{50%{opacity:.3}}@keyframes markPulse{50%{box-shadow:0 0 28px rgba(85,214,255,.55)}}@keyframes float{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes orbit{to{transform:rotate(335deg)}}@keyframes spark{0%,100%{transform:translate(0);opacity:.3}50%{transform:translate(30px,-20px);opacity:1}}@keyframes bodyPulse{50%{opacity:.72;transform:scaleY(.8)}}@keyframes materialFlow{to{transform:translateX(40px)}}@keyframes forcePulse{50%{transform:translateX(10px);text-shadow:0 0 12px var(--coral)}}@keyframes forceLine{50%{transform:scaleX(1.4)}}@keyframes miniStretch{50%{transform:scaleX(1.13);opacity:.75}}@keyframes sectionIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes barIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}@media(max-width:1100px){.rail{width:205px}.main-canvas{width:calc(100% - 205px);margin-left:205px;padding:0 30px 60px}.hero-grid{grid-template-columns:1fr}.hero-instrument{height:300px;order:-1}.material-grid{grid-template-columns:1fr 1fr}.sim-layout{grid-template-columns:1fr}.readout-stack{display:grid;grid-template-columns:1fr 1fr}.big-readout{grid-column:span 2}}@media(max-width:760px){.app-shell{display:block}.rail{position:static;width:100%;height:auto;padding:15px;display:block;border-right:0;border-bottom:1px solid rgba(85,214,255,.16)}.brand{margin:0 0 12px}.rail-status,.rail-footer{display:none}nav{display:flex;overflow:auto;gap:4px;padding-bottom:2px}.nav-item{min-width:max-content;width:auto;padding:8px}.nav-item.active:before{left:0;right:0;top:auto;bottom:0;width:auto;height:2px}.main-canvas{width:100%;margin:0;padding:0 17px 45px}.topbar{height:78px;margin-bottom:30px}.topbar-readout{display:none}.section-intro{display:block;margin-bottom:28px}.section-intro h2,.hero-copy h2{font-size:44px}.section-intro>p{margin-top:22px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div{padding:13px}.metric-strip strong{font-size:14px}.home-lower,.theory-layout,.physical-layout,.data-layout,.results-layout{grid-template-columns:1fr}.material-grid,.chart-grid{grid-template-columns:1fr}.hero-grid{min-height:auto}.hero-copy{padding:25px 0}.hero-instrument{height:260px}.core-readout{width:175px;height:175px}.core-symbol{font-size:40px}.orbit-a{width:250px;height:110px}.orbit-b{width:290px;height:130px}.simulation-toolbar,.sample-controls{display:block}.sim-status{margin-top:13px}.sample-controls select{margin-top:12px}.readout-stack{display:flex}.big-readout{grid-column:auto}.input-grid{grid-template-columns:1fr}.setup-diagram{height:280px}.equation{font-size:17px}.equation.highlight{font-size:23px}.quiz-question{margin-top:40px;font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
@media print{.rail,.topbar,.hero-actions,.simulation-toolbar,.slider-wrap,.report-actions,.quiz-actions,.ambient-grid,.scanline{display:none!important}.main-canvas{margin:0;width:100%;padding:0;color:#111}.section{display:none!important}.section#results{display:block!important}.panel{border:1px solid #bbb;background:#fff;color:#111}.results-card,.report-card{box-shadow:none}.result-bullets p,.report-card p{color:#333}}
/* Live recording and motion clarity additions */
.right-clamp{transition:right .55s cubic-bezier(.2,.8,.2,1),box-shadow .3s;color:var(--coral);box-shadow:0 0 0 rgba(255,139,125,0)}
.right-clamp:after{content:'→';position:absolute;right:-24px;color:var(--coral);font:18px var(--mono);animation:loadArrow 1.4s ease-in-out infinite}
.material-specimen{transform-origin:left center}
.length-line{transition:left .5s,right .5s}
.simulation-detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}
.record-panel,.model-detail{padding:22px}
.record-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.record-head p{color:var(--muted);font-size:12px;margin:9px 0 0}
.record-head .primary-btn{white-space:nowrap;padding:11px 13px}
.record-table-scroll{overflow:auto;border:1px solid var(--line)}
.record-table{width:100%;border-collapse:collapse;min-width:640px}
.record-table th,.record-table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:right;font:10px var(--mono)}
.record-table th:first-child,.record-table td:first-child{text-align:left}
.record-table th{color:var(--muted);font-size:9px;background:rgba(85,214,255,.04)}
.record-table td:last-child{color:var(--cyan)}
.empty-log{padding:20px!important;text-align:center!important;color:var(--muted);font-family:var(--sans)!important}
.record-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:13px}
.record-actions .ghost-btn{padding:9px 11px;font-size:10px}
.motion-key{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}
.motion-key:last-child{border-bottom:0}
.motion-key b{font-size:13px}
.motion-key p{color:var(--muted);font-size:12px;line-height:1.5;margin:5px 0 0}
.motion-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:16px var(--mono)}
.motion-icon.lateral{border-color:var(--violet);color:var(--violet)}
.motion-icon.force{border-color:var(--coral);color:var(--coral)}
@keyframes loadArrow{50%{transform:translateX(5px);opacity:.45}}
@media(max-width:1100px){.simulation-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.record-head{display:block}.record-head .primary-btn{margin-top:14px}.record-actions{justify-content:stretch}.record-actions button{flex:1}.simulation-detail-grid{grid-template-columns:1fr}}
.initial-length-line{left:15%;right:15%;top:39%;color:var(--violet);opacity:.9}
.initial-length-line:before{border-top-color:var(--violet);opacity:.65}
.initial-length-line span{top:-19px;background:#081725}
#simDelta{display:block;margin-top:5px;color:var(--violet);font:9px var(--mono)}
/* Theory depth and material composition modules */
.sign-callout{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:12px 14px;border-left:2px solid var(--cyan);background:rgba(85,214,255,.07);font-size:12px;line-height:1.5}
.sign-callout b{font:9px var(--mono);letter-spacing:.08em;color:var(--cyan);white-space:nowrap}
.sign-callout span{color:var(--white)}
.history-panel{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;padding:28px;margin-top:18px}
.history-copy h3{font-size:28px;margin:20px 0 10px}.history-copy>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:760px}
.timeline{display:grid;gap:0;margin:23px 0;border-top:1px solid var(--line)}
.timeline>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}
.timeline b{font:600 18px var(--mono);color:var(--cyan)}.timeline span{color:var(--muted);font-size:13px;line-height:1.5}.timeline em{color:var(--white)}
.history-verdict{padding:14px!important;border:1px solid rgba(255,204,105,.3);background:rgba(255,204,105,.06);color:var(--white)!important}.history-verdict b{color:var(--amber)}
.source-links{font:10px var(--mono);color:#7891a5;line-height:1.7}.source-links a{color:var(--cyan);text-decoration:none}.source-links a:hover{text-decoration:underline}
.history-diagram{display:grid;place-items:center;align-content:center;min-height:280px;background:radial-gradient(circle,rgba(139,124,255,.18),transparent 62%);border-left:1px solid var(--line)}
.history-ring{width:170px;height:170px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 40px rgba(85,214,255,.2),inset 0 0 25px rgba(139,124,255,.2);animation:float 5s ease-in-out infinite}.history-ring:before,.history-ring:after{content:'';position:absolute;width:210px;height:90px;border:1px solid rgba(139,124,255,.4);border-radius:50%;transform:rotate(35deg)}.history-ring:after{transform:rotate(-35deg)}.history-ring span{font:600 54px var(--mono);color:var(--cyan);text-shadow:0 0 15px var(--cyan)}.history-diagram small{font:9px var(--mono);color:var(--muted);text-align:center;letter-spacing:.1em;line-height:1.7;margin-top:22px}
.stress-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}.stress-panel{padding:28px}.stress-equation{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.stress-equation span{font:17px var(--mono);color:var(--cyan);border:1px solid var(--line);padding:12px}.stress-panel p{color:var(--muted);font-size:14px;line-height:1.7}.stress-steps{display:grid;gap:12px}.stress-step{display:flex;gap:16px;padding:20px;border:1px solid var(--line);background:rgba(16,36,58,.5)}.stress-step>span{font:11px var(--mono);color:var(--violet)}.stress-step b{font-size:15px}.stress-step p{color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0}.theory-sources{margin-top:14px}
.material-card{min-height:330px}.composition,.why-chip{margin-top:14px;padding-top:11px;border-top:1px solid rgba(41,67,92,.75)}.composition b,.why-chip b{display:block;font:9px var(--mono);letter-spacing:.08em;color:var(--cyan);margin-bottom:5px}.composition span,.why-chip span{display:block;color:var(--muted);font-size:11px;line-height:1.45}.why-chip b{color:var(--amber)}
@media(max-width:1100px){.history-panel,.stress-grid{grid-template-columns:1fr}.history-diagram{border-left:0;border-top:1px solid var(--line);padding:30px}.material-card{min-height:0}}
@media(max-width:760px){.history-panel{padding:20px}.timeline>div{grid-template-columns:75px 1fr;gap:10px}.stress-equation span{font-size:14px}.sign-callout{display:block}.sign-callout b{display:block;margin-bottom:5px}}
/* Symbol glossary, current practice, and lifelong learning */
.theory-first{margin-top:0;margin-bottom:18px}.notation-list{margin-top:18px;border-top:1px solid var(--line)}.notation-list>div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(41,67,92,.75)}.notation-list b{font:15px var(--mono);color:var(--cyan)}.notation-list span{font-size:11px;color:var(--muted);line-height:1.45}
.now-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;padding:28px;margin-top:18px}.now-copy h3{font-size:28px;margin:20px 0 10px}.now-copy>p{color:var(--muted);font-size:14px;line-height:1.7}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:22px 0;background:var(--line);border:1px solid var(--line)}.use-grid>div{padding:16px;background:#0b1d30}.use-grid b{display:block;font:10px var(--mono);color:var(--cyan);letter-spacing:.1em;margin-bottom:8px}.use-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.status-orbit{display:grid;place-items:center;align-content:center;min-height:250px;border-left:1px solid var(--line);background:radial-gradient(circle,rgba(85,214,255,.13),transparent 65%)}.status-orbit .status-dot{width:15px;height:15px;border-radius:50%;background:var(--mint);box-shadow:0 0 24px var(--mint);animation:pulse 2s infinite}.status-orbit b{font:12px var(--mono);letter-spacing:.13em;color:var(--mint);margin-top:16px}.status-orbit small{font:10px var(--mono);color:var(--muted);margin-top:10px;text-align:center}
.learning-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:28px;margin-top:18px}.learning-panel h3{font-size:25px;margin:20px 0 10px}.learning-panel p{color:var(--muted);font-size:14px;line-height:1.7}.learning-loop{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:10px;position:relative}.learning-loop:before{content:'';position:absolute;top:50%;left:10%;right:10%;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--amber));opacity:.7}.learning-loop>div{position:relative;z-index:1;display:grid;place-items:center;text-align:center;min-height:105px;border:1px solid var(--line);background:#0b1d30}.learning-loop b{font:10px var(--mono);color:var(--violet)}.learning-loop span{font-size:13px;color:var(--white);margin-top:7px}.learning-loop small{font:9px var(--mono);color:var(--muted);margin-top:5px}
@media(max-width:1100px){.now-panel,.learning-panel{grid-template-columns:1fr}.status-orbit{border-left:0;border-top:1px solid var(--line);padding:35px}.learning-loop{min-height:120px}}
@media(max-width:760px){.use-grid{grid-template-columns:1fr}.learning-loop{grid-template-columns:1fr 1fr;gap:8px}.learning-loop:before{display:none}.notation-list>div{grid-template-columns:60px 1fr}}
/* International standards reference */
.standards-panel{padding:28px;margin-top:18px}.standards-head h3{font-size:28px;margin:20px 0 10px}.standards-head p{max-width:820px;color:var(--muted);font-size:14px;line-height:1.7}.standards-bodies{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:22px 0;background:var(--line);border:1px solid var(--line)}.standards-bodies>div{padding:15px;background:#0b1d30}.standards-bodies b{display:block;font:10px var(--mono);color:var(--cyan);letter-spacing:.07em;margin-bottom:7px}.standards-bodies span{display:block;color:var(--muted);font-size:11px;line-height:1.45}.standards-table-wrap{overflow-x:auto}.standards-table{width:100%;border-collapse:collapse;font-size:12px}.standards-table th{text-align:left;color:var(--cyan);font:10px var(--mono);letter-spacing:.08em;padding:12px;border-bottom:1px solid var(--cyan);background:rgba(85,214,255,.06)}.standards-table td{padding:13px 12px;color:var(--muted);border-bottom:1px solid var(--line)}.standards-table td:first-child{color:var(--white);font-weight:600}.standards-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;background:var(--line);border:1px solid var(--line)}.standards-facts>div{padding:15px;background:#0b1d30}.standards-facts b{display:block;font:9px var(--mono);color:var(--amber);letter-spacing:.08em;margin-bottom:7px}.standards-facts span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.standards-facts span:first-letter{color:var(--cyan)}
@media(max-width:1100px){.standards-bodies{grid-template-columns:repeat(3,1fr)}.standards-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.standards-panel{padding:20px}.standards-bodies{grid-template-columns:1fr 1fr}.standards-facts{grid-template-columns:1fr}.standards-table{min-width:620px}}
/* LLT project identity and serial learning roadmap */
.project-identity{margin-top:18px;padding:28px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(13,37,60,.96),rgba(10,25,42,.96))}.project-identity:after{content:'ME · SOLIDS';position:absolute;right:22px;top:20px;font:10px var(--mono);letter-spacing:.15em;color:rgba(85,214,255,.35);writing-mode:vertical-rl}.project-heading h3{font-size:29px;max-width:820px;margin:18px 0 10px}.project-heading p{max-width:860px;color:var(--muted);font-size:14px;line-height:1.7}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.project-details>div{display:grid;align-content:start;gap:7px}.project-details b{font:10px var(--mono);color:var(--cyan);letter-spacing:.1em;margin-bottom:4px}.project-details span{color:var(--muted);font-size:12px;line-height:1.45}.project-details>div:last-child span:last-child{color:var(--white);line-height:1.6}.serial-roadmap{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:24px;padding:15px;border:1px solid rgba(85,214,255,.24);background:rgba(85,214,255,.05)}.serial-roadmap span{font:10px var(--mono);color:var(--white);letter-spacing:.04em}.serial-roadmap i{font-style:normal;color:var(--cyan)}
@media(max-width:760px){.project-identity{padding:20px}.project-heading h3{font-size:23px}.project-details{grid-template-columns:1fr;gap:20px}.serial-roadmap{align-items:flex-start;flex-direction:column}.serial-roadmap i{display:none}.project-identity:after{display:none}}
/* Highlighted LLT identity block */
.project-identity{border:1px solid rgba(85,214,255,.32);box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);background:linear-gradient(135deg,rgba(14,43,68,.98),rgba(8,22,38,.98) 58%,rgba(21,29,57,.98))}
.project-identity:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--cyan),var(--violet),var(--amber));box-shadow:0 0 22px rgba(85,214,255,.45)}
.project-heading{padding-left:8px}.project-heading h3{font-size:31px;letter-spacing:-.02em;background:linear-gradient(100deg,#f6fbff 0%,#8ce8ff 52%,#a894ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(85,214,255,.12)}.project-heading p{padding-left:15px;border-left:1px solid rgba(85,214,255,.45)}
.project-details{gap:16px}.project-details>div{position:relative;padding:18px 20px;background:linear-gradient(135deg,rgba(18,48,75,.78),rgba(11,28,48,.9));border:1px solid rgba(85,214,255,.18);box-shadow:inset 0 0 22px rgba(85,214,255,.03)}.project-details>div:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.project-details b{font-size:10px;color:var(--cyan);text-shadow:0 0 10px rgba(85,214,255,.35)}.project-details>div:first-child span{font-family:var(--mono);color:#d8f5ff;font-size:11px;letter-spacing:.02em}.project-details>div:first-child span:before{content:'↳ ';color:var(--cyan)}.project-details>div:last-child span{color:#bfd0dc}.project-details>div:last-child span:last-child{display:block;margin-top:4px;padding:9px 11px;border-left:2px solid var(--amber);background:rgba(255,204,105,.07);color:#fff0c4;font-size:11px}.serial-roadmap{border-color:rgba(85,214,255,.34);box-shadow:inset 0 0 28px rgba(85,214,255,.04)}.serial-roadmap span{color:#dff8ff}.serial-roadmap span:first-child{color:var(--cyan)}
@media(max-width:760px){.project-heading h3{font-size:24px}.project-details>div{padding:16px}.project-heading p{padding-left:10px}}