.principle-report{--pw-ink: #eef3f4;--pw-muted: #a5b0b4;--pw-dim: #718086;--pw-line: #29383f;--pw-panel: #0c1519;--pw-panel-soft: #101b20;--pw-blue: #55ceff;--pw-orange: #ff9a57;--pw-green: #68dda9;width:min(100% - 32px,1180px);margin:28px auto 72px;color:var(--pw-ink);font-family:var(--font-mono)}.principle-page-header{max-width:760px;margin:0 auto;padding:34px 0 42px;color:#202020}.principle-page-header>span{color:#086ed5;font-size:9px;font-weight:600;letter-spacing:.1em}.principle-page-header h1{margin:17px 0 12px;color:#202020;font-size:clamp(35px,5vw,58px);line-height:1.03;letter-spacing:-.06em;text-align:left}.principle-page-header p{max-width:64ch;margin:0;color:#66645f;font-size:14px;line-height:1.7}.principle-page-header small{display:block;margin-top:9px;color:#8a8780;font-size:10px}.principle-workbench{overflow:hidden;background:var(--pw-panel);border:1px solid #26373e;box-shadow:0 32px 80px #1621262e}.principle-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border-bottom:1px solid var(--pw-line)}.principle-workbench-name{padding:25px 30px 24px}.principle-workbench-name>span,.principle-kicker{color:var(--pw-blue);font-size:8px;font-weight:600;letter-spacing:.1em}.principle-workbench-name strong{display:block;margin:9px 0 4px;color:#f6f7f7;font-size:clamp(18px,2.2vw,25px);font-weight:500;line-height:1.05;letter-spacing:-.04em}.principle-workbench-name p{margin:0;color:var(--pw-muted);font-size:10px;line-height:1.5}.principle-nav{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));min-width:340px;border-left:1px solid var(--pw-line)}.principle-nav button{position:relative;display:grid;align-content:center;gap:5px;padding:16px 21px;color:var(--pw-dim);text-align:left;background:transparent;border:0;border-right:1px solid var(--pw-line);border-radius:0;font:inherit;cursor:pointer}.principle-nav button:last-child{border-right:0}.principle-nav button:after{content:"";position:absolute;right:18px;bottom:0;left:18px;height:2px;background:transparent}.principle-nav button:hover{color:#dbe4e7;background:#101b20}.principle-nav button.active{color:#f3f7f8;background:#122128}.principle-nav button.active:after{background:var(--pw-blue);box-shadow:0 0 12px #55ceff73}.principle-nav small{color:var(--pw-blue);font-size:8px;letter-spacing:.08em}.principle-nav span{font-size:11px}.principle-main{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.6fr);min-height:600px}.principle-lesson{display:flex;flex-direction:column;padding:32px 30px 24px;background:linear-gradient(150deg,#101c21,#0b1418 70%);border-right:1px solid var(--pw-line)}.principle-lesson h2{margin:13px 0 20px;color:#f4f6f6;font-size:clamp(22px,2.7vw,32px);line-height:1.12;letter-spacing:-.045em}.principle-lesson>p{margin:0 0 15px;color:var(--pw-muted);font-size:11px;line-height:1.72}.principle-lesson .principle-energy-balance{margin:1px 0 17px;padding:12px 0 0;color:#b6c1c5;border-top:1px solid var(--pw-line)}.principle-energy-balance strong{color:var(--pw-orange);font-weight:500}.principle-lesson em{color:#e8eeee}.principle-equation{margin:7px 0 18px;padding:15px 16px;background:#12242c;border-left:2px solid var(--pw-blue)}.principle-equation small{display:block;margin-bottom:9px;color:#7f9ba6;font-size:7px;letter-spacing:.09em}.principle-equation strong{display:block;color:#eff6f8;font-size:clamp(12px,1.4vw,16px);font-weight:500;line-height:1.45}.principle-latex{color:inherit}.principle-latex.display{display:block;overflow-x:auto;overflow-y:hidden}.principle-latex .katex{font-size:1.05em}.principle-equation .principle-latex{color:#eff6f8}.principle-equation .katex-display{margin:4px 0 2px;text-align:left}.principle-equation .katex-display>.katex{text-align:left;font-size:clamp(14px,1.5vw,18px)}.principle-equation p{margin:10px 0 0;color:#8fa3aa;font-size:9px;line-height:1.6}.principle-reading-guide{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--pw-line)}.principle-reading-guide li{display:flex;justify-content:space-between;gap:18px;padding:10px 0;color:var(--pw-muted);border-bottom:1px solid var(--pw-line);font-size:9px}.principle-reading-guide b{color:#e7edef;font-weight:500}.principle-reading-guide li:first-child b{color:var(--pw-blue)}.principle-reading-guide li:nth-child(2) b{color:var(--pw-orange)}.principle-stationary-test{margin:3px 0 16px;padding:13px 15px;background:#151b1d;border-left:2px solid var(--pw-orange)}.principle-stationary-test.is-stationary{background:#10231d;border-left-color:var(--pw-green)}.principle-stationary-test span{display:block;color:var(--pw-dim);font-size:7px;letter-spacing:.09em}.principle-stationary-test strong{display:block;margin:6px 0;color:var(--pw-orange);font-size:16px;font-weight:500}.principle-stationary-test.is-stationary strong{color:var(--pw-green)}.principle-stationary-test p{margin:0;color:var(--pw-muted);font-size:9px;line-height:1.5}.principle-euler-result{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 0;color:#d9e3e6;border-top:1px solid var(--pw-line);border-bottom:1px solid var(--pw-line);font-size:10px;line-height:1.7}.principle-euler-result b{padding:0 7px;color:var(--pw-blue);font-weight:400}.principle-euler-result .katex{font-size:1em}.principle-next{display:flex;justify-content:space-between;margin-top:auto;padding:14px 0 5px;color:#e7edef;background:transparent;border:0;border-radius:0;font:inherit;font-size:10px;text-align:left;cursor:pointer}.principle-next span{color:var(--pw-blue);font-size:8px;letter-spacing:.08em}.principle-next:hover{color:var(--pw-blue)}.principle-visual{display:flex;min-width:0;flex-direction:column;background:#071115}.principle-instrument-bar{display:flex;align-items:center;justify-content:space-between;min-height:37px;padding:0 15px;color:#748991;background:#0b161a;border-bottom:1px solid var(--pw-line);font-size:7px;letter-spacing:.09em}.principle-instrument-bar span{display:flex;align-items:center;gap:8px}.principle-status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pw-blue);box-shadow:0 0 10px var(--pw-blue)}.principle-status-light.stationary{background:var(--pw-green);box-shadow:0 0 10px var(--pw-green)}.principle-webgl-frame{position:relative;flex:1;height:500px;min-height:500px;overflow:hidden;background:#091115;isolation:isolate}.principle-webgl-frame.action-mode{height:500px}.principle-webgl-frame .action-webgl-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.principle-webgl-fallback{display:grid;place-items:center;height:100%;color:#84979f;font-size:9px;letter-spacing:.08em}.principle-scene-status{position:absolute;top:18px;left:18px;display:grid;gap:3px;min-width:170px;padding:12px 13px;background:#050c0fc7;border-left:2px solid var(--pw-orange);backdrop-filter:blur(10px);pointer-events:none}.principle-scene-status.action-mode{border-left-color:var(--pw-blue)}.principle-scene-status small{color:#768b94;font-size:7px;letter-spacing:.1em}.principle-scene-status strong{color:#f1f6f7;font-size:15px;font-weight:500;letter-spacing:-.03em}.principle-scene-status span{color:#bb7956;font-size:7px;letter-spacing:.06em}.principle-scene-status.action-mode span{color:#72a9be}.principle-key{position:absolute;top:18px;right:18px;display:flex;gap:16px;padding:8px 10px;color:#a9b9bf;background:#050b0eb8;font-size:7px;pointer-events:none}.principle-key span{display:flex;align-items:center;gap:6px}.principle-key i{display:block;width:18px;height:2px;box-shadow:0 0 9px currentColor}.principle-key .blue{color:var(--pw-blue);background:currentColor}.principle-key .orange{color:var(--pw-orange);background:currentColor}.principle-axis{position:absolute;bottom:12px;color:#82949b;font-size:7px;letter-spacing:.07em;pointer-events:none}.principle-axis.start{left:16px}.principle-axis.end{right:16px}.principle-valley-label{position:absolute;left:50%;bottom:28px;translate:-50% 0;padding:6px 8px;color:var(--pw-green);background:#050d11c2;font-size:7px;letter-spacing:.07em;white-space:nowrap;pointer-events:none}.principle-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;background:#0b161a;border-top:1px solid var(--pw-line)}.principle-metrics>div{padding:12px 14px;border-right:1px solid var(--pw-line)}.principle-metrics>div:last-child{border-right:0}.principle-metrics dt{color:#698089;font-size:7px;letter-spacing:.09em}.principle-metrics dd{margin:5px 0 0;color:#dfe8ea;font-size:10px;font-variant-numeric:tabular-nums}.principle-metrics .stationary-value{color:var(--pw-green);font-weight:600}.principle-controls{display:grid;grid-template-columns:230px minmax(260px,1fr) auto;gap:26px;align-items:center;padding:17px 22px;background:#101b20;border-top:1px solid var(--pw-line)}.principle-control-copy{display:grid;gap:3px}.principle-control-copy small{color:var(--pw-blue);font-size:7px;letter-spacing:.09em}.principle-control-copy strong{color:#edf2f3;font-size:11px;font-weight:500}.principle-control-copy span{color:var(--pw-dim);font-size:8px}.principle-slider{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:16px;align-items:center}.principle-slider input{width:100%;accent-color:var(--pw-orange);cursor:ew-resize}.principle-slider output{color:var(--pw-orange);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.principle-reset{min-height:34px;padding:0 13px;color:var(--pw-blue);background:transparent;border:1px solid #38505a;border-radius:0;font:inherit;font-size:8px;cursor:pointer}.principle-reset:hover{border-color:var(--pw-blue)}.principle-reset:disabled{color:var(--pw-dim);cursor:default;opacity:.5}.principle-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.principle-theory{max-width:860px;margin:76px auto 0;color:#282724}.principle-theory-header{max-width:700px;margin-bottom:48px}.principle-theory-header>span,.principle-theory-conclusion span,.principle-gravity-example span{color:#086ed5;font-size:8px;font-weight:600;letter-spacing:.1em}.principle-theory-header h2{margin:14px 0;color:#242321;font-size:clamp(27px,4vw,40px);line-height:1.1;letter-spacing:-.045em}.principle-theory-header p,.principle-theory-steps p,.principle-theory-conclusion p,.principle-gravity-example p,.principle-theory-note p{color:#66645f;font-size:12px;line-height:1.75}.principle-theory-header p{margin:0;font-size:13px}.principle-theory-steps{border-top:1px solid #d6d2ca}.principle-theory-steps>section{display:grid;grid-template-columns:40px 180px minmax(0,1fr);column-gap:20px;align-items:baseline;padding:27px 0 29px;border-bottom:1px solid #d6d2ca}.principle-theory-steps>section>span{color:#086ed5;font-size:9px}.principle-theory-steps h3{margin:0;color:#292825;font-size:16px;line-height:1.35}.principle-theory-steps p{margin:0}.principle-theory-equation{grid-column:2 / -1;margin-top:20px;padding:16px 18px;overflow-x:auto;color:#222;background:#f3f3f1;border-left:2px solid #9ec5df}.principle-theory-equation .katex-display{margin:0;text-align:left}.principle-theory-equation .katex-display>.katex{text-align:left;font-size:1.05em}.principle-theory-conclusion{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:34px;align-items:center;margin-top:42px;padding:28px 30px;background:#edf6fb;border:1px solid #bfd6e5}.principle-theory-conclusion h3{margin:8px 0;color:#222;font-size:20px;line-height:1.3;letter-spacing:-.03em}.principle-theory-conclusion p{margin:0}.principle-theory-conclusion .principle-blip-explanation{margin-top:12px;color:#4f6975;font-size:10px}.principle-theory-conclusion>.principle-latex{overflow-x:auto;font-size:18px}.principle-theory-conclusion .katex-display{margin:0}.principle-theory-conclusion .katex{font-size:1em}.principle-gravity-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:36px;align-items:center;margin-top:40px;padding:27px 0;border-top:1px solid #d6d2ca;border-bottom:1px solid #d6d2ca}.principle-gravity-example p{margin:8px 0 0}.principle-gravity-example>.principle-latex{font-size:16px}.principle-gravity-example .katex-display{margin:0}.principle-gravity-example .katex{font-size:1em}.principle-theory-note{margin-top:30px;padding:4px 0 4px 18px;border-left:2px solid #c65e24}.principle-theory-note strong{display:block;margin-bottom:6px;color:#292825;font-size:13px}.principle-theory-note p{margin:0}.principle-intuition{margin-top:70px;padding-top:58px;border-top:1px solid #d6d2ca}.principle-intuition>header{max-width:680px}.principle-intuition>header span{color:#086ed5;font-size:8px;font-weight:600;letter-spacing:.1em}.principle-intuition h2{margin:14px 0 28px;color:#242321;font-size:clamp(27px,4vw,40px);line-height:1.1;letter-spacing:-.045em}.principle-intuition-copy{max-width:720px}.principle-intuition-copy p{margin:0 0 16px;color:#56544f;font-size:13px;line-height:1.8}.principle-intuition-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:36px 0 0;padding:23px 0;list-style:none;border-top:1px solid #d6d2ca;border-bottom:1px solid #d6d2ca}.principle-intuition-flow li{position:relative;display:grid;gap:6px}.principle-intuition-flow li:not(:last-child):after{content:"→";position:absolute;top:18px;right:-17px;color:#9ebed4;font-size:13px}.principle-intuition-flow small{color:#086ed5;font-size:8px}.principle-intuition-flow strong{color:#292825;font-size:12px;font-weight:600}.principle-intuition-flow span{color:#77736c;font-size:9px;line-height:1.5}.principle-intuition-caveat{margin-top:31px;padding:20px 22px;background:#fcf3ec;border-left:2px solid #c65e24}.principle-intuition-caveat strong{display:block;margin-bottom:7px;color:#2c2926;font-size:13px}.principle-intuition-caveat p{max-width:72ch;margin:0;color:#66605a;font-size:11px;line-height:1.75}.principle-first-order-argument{margin-top:30px;padding:19px 21px;background:#edf6fb;border-left:2px solid #6daed6}.principle-first-order-argument span{display:block;margin-bottom:8px;color:#086ed5;font-size:8px;font-weight:600;letter-spacing:.09em}.principle-first-order-argument p{max-width:76ch;margin:0;color:#4f5e65;font-size:11px;line-height:1.75}.principle-further-reading{margin:25px 0 0;color:#89857e;font-size:9px;line-height:1.6}.principle-further-reading a{color:#086ed5;text-decoration-thickness:1px;text-underline-offset:3px}@media(max-width:900px){.principle-header{grid-template-columns:1fr}.principle-nav{min-width:0;border-top:1px solid var(--pw-line);border-left:0}.principle-main{grid-template-columns:1fr}.principle-lesson{min-height:0;border-right:0;border-bottom:1px solid var(--pw-line)}.principle-next{margin-top:16px}.principle-controls{grid-template-columns:180px minmax(220px,1fr) auto;gap:18px}.principle-webgl-frame{flex:none}.principle-theory-conclusion,.principle-gravity-example{grid-template-columns:1fr}}@media(max-width:600px){.principle-report{width:min(100% - 20px,1180px);margin:18px auto 44px}.principle-page-header{padding:27px 4px 32px}.principle-page-header h1{margin-top:13px;font-size:36px}.principle-page-header p{font-size:12px}.principle-page-header small{font-size:9px;line-height:1.55}.principle-workbench-name{padding:18px 15px 17px}.principle-workbench-name strong{font-size:19px}.principle-nav{grid-template-columns:1fr 1fr}.principle-nav button{padding:13px 14px}.principle-nav button:after{right:12px;left:12px}.principle-lesson{padding:25px 15px 20px}.principle-lesson h2{font-size:23px}.principle-lesson>p{font-size:10px}.principle-webgl-frame,.principle-webgl-frame.action-mode{height:340px}.principle-instrument-bar span:last-child{display:none}.principle-scene-status{top:10px;left:10px;min-width:142px;padding:9px 10px}.principle-scene-status strong{font-size:13px}.principle-key{top:10px;right:10px;gap:9px}.principle-key i{width:11px}.principle-metrics{grid-template-columns:1fr}.principle-metrics>div{display:flex;justify-content:space-between;align-items:baseline;border-right:0;border-bottom:1px solid var(--pw-line)}.principle-metrics>div:last-child{border-bottom:0}.principle-controls{grid-template-columns:1fr auto;gap:13px;padding:16px 14px}.principle-control-copy{grid-column:1 / -1}.principle-slider{grid-template-columns:minmax(0,1fr) 76px}.principle-theory{margin-top:52px;padding:0 5px}.principle-theory-header{margin-bottom:32px}.principle-theory-steps>section{grid-template-columns:32px minmax(0,1fr);gap:9px 12px}.principle-theory-steps p{grid-column:2}.principle-theory-equation{grid-column:1 / -1;margin-top:11px;padding:14px 12px}.principle-theory-equation .katex-display>.katex{font-size:.88em}.principle-theory-conclusion{gap:20px;margin-top:32px;padding:22px 17px}.principle-theory-conclusion>.principle-latex{font-size:13px}.principle-gravity-example{gap:19px;margin-top:32px}.principle-gravity-example>.principle-latex{font-size:13px}.principle-intuition{margin-top:50px;padding-top:40px}.principle-intuition h2{margin-bottom:23px}.principle-intuition-copy p{font-size:12px}.principle-intuition-flow{grid-template-columns:1fr;gap:0;padding:8px 0}.principle-intuition-flow li{grid-template-columns:26px 1fr;gap:2px 9px;padding:13px 0}.principle-intuition-flow li:not(:last-child):after{content:"↓";inset:auto auto -7px 5px}.principle-intuition-flow small{grid-row:1 / 3;padding-top:2px}.principle-intuition-flow span{grid-column:2}.principle-intuition-caveat,.principle-first-order-argument{padding:17px 16px}}