@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#c4cecc;background:#11171a;font-synthesis:none;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{color:#eef4e8}button:disabled{opacity:.28;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #c4d9a2;outline-offset:4px}main{height:100dvh;min-height:740px;display:flex;flex-direction:column}header{height:87px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293236;flex-shrink:0}.brand{display:flex;align-items:center;gap:14px;color:#e4e9df;font-family:Space Grotesk,sans-serif;font-size:19px;letter-spacing:3px}.brand svg{color:#c2d49e}.brand span{display:block;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2.1px;color:#83918f;margin-top:6px}.prototype{font-size:9px;letter-spacing:1.5px;color:#8a9692;display:flex;align-items:center;gap:12px}.prototype i,.live-dot,.active-dot{width:5px;height:5px;background:#c3d8a0;border-radius:50%;display:inline-block}.workspace{display:grid;grid-template-columns:265px minmax(300px,1fr) 258px;flex:1;min-height:0}.navigation{border-right:1px solid #293236;padding:32px 21px 20px;display:flex;flex-direction:column}.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.6px;color:#86958e}h1{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:30px;line-height:1.22;letter-spacing:-1px;color:#e1e6dc;margin:17px 0}.intro{font-size:12px;line-height:1.8;color:#83918f;margin:0 0 36px}.nav-caption{font-size:8px;color:#82918e;letter-spacing:1.3px;display:flex;justify-content:space-between;margin-bottom:13px}.model-card{width:100%;text-align:left;justify-content:flex-start;gap:12px;padding:17px 10px;margin:0 0 7px;border:1px solid transparent;border-radius:5px}.model-card.active{background:#222c28;border-color:#465142}.model-number{font:12px Space Grotesk,sans-serif;color:#75847f}.active .model-number{color:#c7d7a7}.model-card strong{font-size:11px;font-weight:500;display:block}.model-card small{display:block;color:#7e8e87;font-size:9px;margin-top:7px}.active-dot{margin-left:auto;flex-shrink:0}.concept{margin-top:36px;padding:0 8px}.concept p{font-size:12px;line-height:1.9;color:#a8b4ac}.concept-rule{display:block;width:28px;height:1px;background:#66755a;margin:22px 0}.concept small{font-size:10px;line-height:1.8;color:#75827d}.nav-footer{margin-top:auto;padding-top:30px;font-size:8px;letter-spacing:1.2px;display:flex;gap:8px;color:#8b9a91}.stage{min-width:0;display:flex;flex-direction:column}.viewport{position:relative;flex:1;min-height:400px;background:#141b1f}.viewport canvas{touch-action:none}.viewport-heading{position:absolute;top:27px;left:27px;pointer-events:none}.viewport-heading .eyebrow{font-size:8px}.viewport-heading h2{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:17px;color:#c8d2ca;margin-top:8px}.view-tools{position:absolute;right:20px;top:25px;display:flex;gap:5px}.view-tools button{border:1px solid #34413f;border-radius:4px;background:#182120;padding:7px 8px;font-size:10px}.chosen{color:#d0dfb5!important}.icon{width:31px;height:31px;padding:0!important}.scene-label{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.2px;text-shadow:0 1px 5px #11191b;background:#141b1f90;padding:3px 5px;border-radius:2px}.axis-legend{position:absolute;bottom:69px;left:27px;display:flex;gap:14px;font-family:Space Grotesk,sans-serif;font-size:10px}.axis-legend span{display:flex;gap:5px;align-items:center}.axis-legend i{display:block;width:14px;height:1px;background:currentColor}.viewport-note{position:absolute;bottom:26px;left:27px;right:27px;display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.2px;color:#83938c}.viewport-note>span:last-child{margin-left:auto}.mouse-hint{position:absolute;bottom:67px;right:27px;color:#61706c;font-size:9px}.mouse-hint b{margin:0 7px;font-weight:400}.timeline{padding:21px 26px 24px;border-top:1px solid #303a3b;background:#161e20}.timeline-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.timeline-top>span{display:flex;gap:13px;align-items:center}.timeline-top small{font:10px Space Grotesk,sans-serif;color:#c8dab0}.step-buttons{display:flex;gap:10px}.step-buttons button{font-size:10px}.transport{display:flex;align-items:flex-start;gap:7px}.play{background:#c6d8aa;color:#202a22;border-radius:4px;width:33px;height:33px}.play:hover{background:#dbe8c4;color:#202a22}.scrubber{flex:1;padding-left:16px;padding-top:6px}input[type=range]{width:100%;height:3px;appearance:none;background:#35423e;accent-color:#c5d6aa;cursor:pointer;display:block;margin:7px 0 12px}input[type=range]::-webkit-slider-thumb{appearance:none;height:10px;width:10px;border-radius:50%;background:#cfddb8;border:2px solid #19221d;box-shadow:0 0 0 1px #b8cca0}.scrubber input{background:linear-gradient(to right,#b5c79a var(--progress),#35423e var(--progress))}.timeline-markers{display:flex;justify-content:space-between;margin-top:16px}.timeline-markers button{font-size:9px;color:#b1c19f;gap:6px;padding:0}.timeline-markers span{color:#77877f;font-size:8px}.controls{border-left:1px solid #293236;padding:24px 20px;overflow-y:auto;scrollbar-width:thin}.controls-header{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#aebbaf}.controls-header h2{font-size:12px;font-weight:500;margin:0}.group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.group-title h3{font-size:10px;font-weight:500;margin:0;color:#b4c0b7}.group-title>span{font-size:8px;color:#83917f;letter-spacing:.5px}.group-title>div{display:flex;gap:3px;font-size:9px;color:#718475}.group-title button{font-size:9px;padding:0 2px}.dimensions{padding-bottom:22px;border-bottom:1px solid #2b3533}.dimension-number{display:flex;align-items:baseline;margin-bottom:18px}.dimension-number input{width:78px;background:transparent;border:0;padding:0;font:32px Space Grotesk,sans-serif;color:#e0e7d7;outline:none}.dimension-number>span{font-size:20px;color:#8e9e8f}.dimension-number small{font-size:9px;margin-left:12px}.range-caption{display:flex;justify-content:space-between;color:#748579;font-size:8px}.control-group{padding:20px 0 13px;border-bottom:1px solid #2b3533}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:11px 0}.item-label{padding:0;justify-content:flex-start;font-size:10px;gap:9px;flex:1}.item-label small{font-size:9px;color:#76867a;margin-left:3px}.swatch{width:11px;height:1px;background:currentColor}.swatch.plane{height:9px;border:1px solid currentColor;background:transparent;transform:skewY(-20deg)}.swatch.face{height:9px;border:1px solid currentColor;background:transparent;opacity:.8}.switch{width:25px;height:13px;border-radius:10px;background:#303a34;padding:2px;justify-content:flex-start}.switch span{width:9px;height:9px;border-radius:50%;background:#66746a}.switch.on{background:#536448;justify-content:flex-end}.switch.on span{background:#ccdbb6}.selected{background:#30372b;outline:5px solid #30372b;border-radius:2px}.surface{padding-top:21px}.check{display:flex;align-items:center;gap:6px;font-size:10px;color:#8e9f90;margin:19px 0}.check input{accent-color:#bdcea1}.check svg{margin-left:auto}.all-mirrors{width:100%;border:1px solid #3a483b;border-radius:4px;padding:9px;font-size:10px;color:#b6c7a5}.boundary-note{margin-top:18px;font-size:9px;line-height:1.7;color:#66786c}footer{height:37px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293236;padding:0 28px;font-size:8px;letter-spacing:1px;color:#93a08f;flex-shrink:0}.muted{color:#5f7068}.header-right{display:flex;align-items:center}.mobile-control{display:none}@media(min-width:1500px){.workspace{grid-template-columns:290px minmax(300px,1fr) 280px}.navigation{padding:38px 28px}.controls{padding:28px}.viewport-heading{top:32px;left:35px}}@media(max-width:1150px){.workspace{grid-template-columns:218px minmax(280px,1fr) 222px}.navigation{padding:26px 15px}.controls{padding:24px 14px}h1{font-size:27px}.model-card{padding:15px 7px;gap:8px}.model-card strong{font-size:10px}.view-tools{top:87px;left:26px;right:auto}.mouse-hint{display:none}}@media(max-width:850px){main{height:auto;min-height:100dvh}header{height:74px;padding:0 18px}.prototype{display:none}.mobile-control{display:flex}.workspace{display:flex;flex-wrap:wrap}.navigation{width:100%;padding:18px;border-right:0;border-bottom:1px solid #293236}.navigation h1,.intro,.nav-caption,.concept,.nav-footer,.navigation>.eyebrow{display:none}nav{display:flex;gap:8px}.model-card{margin:0;flex:1}.model-card small{display:none}.model-number{font-size:10px}.active-dot{display:none}.stage{width:100%}.viewport{height:62dvh;min-height:440px;flex:none}.controls{display:none;width:100%;border-left:0;border-top:1px solid #293236;padding:24px}.controls.mobile-open{display:block}.timeline{padding:20px 18px}.timeline-markers span{display:none}footer{padding:0 18px;font-size:7px}footer>span:nth-child(2){display:none}.brand{font-size:16px}.brand span{font-size:7px}.view-tools{top:85px}.viewport-heading{left:20px}.timeline-top .eyebrow{font-size:8px}}.brand{letter-spacing:.2px;font-size:22px}.brand span{letter-spacing:.4px;font-size:10px;line-height:1.5}.brand>svg{flex-shrink:0}.animation-setting{padding-top:10px;border-bottom:1px solid #2b3533}.animation-setting .check{color:#b4c0b7;margin-bottom:8px}.animation-setting p{font-size:9px;line-height:1.7;color:#76867a;margin:0 0 16px}@media(max-width:850px){.brand{font-size:18px;gap:10px}.brand span{font-size:8px;max-width:330px}.header-right{margin-left:12px}}@media(max-width:450px){header{padding:0 12px}.brand{font-size:15px}.brand span{font-size:8px;max-width:245px}.brand>svg{width:20px}}.sequence-strip{display:flex;flex-shrink:0;border-bottom:1px solid #303b39;background:#18211f;padding:10px 18px;gap:8px}.sequence-strip button{flex:1;justify-content:flex-start;font-size:10px;color:#7e9188;padding:7px 9px;border-radius:3px}.sequence-strip .chosen{background:#29372c}.sequence-strip span{font-size:9px}.select-label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#aab9ae;margin:12px 0}.select-label select{font:inherit;background:#1d2823;color:#cbd8c5;border:1px solid #3b4a3e;border-radius:4px;padding:8px;width:100%}.control-note{font-size:10px;line-height:1.65;color:#7f9386}.projection-controls h3{font-size:11px;font-weight:500}.projection-controls .check{font-size:10px;margin:12px 0}.mirror-check small{font-size:8px;color:#869b83}.position-control{display:block;margin:18px 0}.position-control>span{display:flex;align-items:center;gap:8px;font-size:10px}.position-control small{color:#829387;font-size:9px}.position-control output{margin-left:auto;color:#c6d8ab;font:10px Space Grotesk,sans-serif}.projection-label{color:#c1d7ce;font-size:9px}.sequence-timeline{margin:0 0 20px}.sequence-timeline label{font-size:9px;letter-spacing:1px;color:#afc2a5}.sequence-timeline output{float:right}.sequence-timeline input{margin-top:12px}.navigation{overflow-y:auto}.navigation .concept{margin-top:20px}.navigation .intro{margin-bottom:24px}@media(max-width:850px){nav{flex-wrap:wrap}.model-card{flex:1 1 40%}.sequence-strip{padding:7px}.sequence-strip button{font-size:10px;padding:6px;justify-content:center}.sequence-strip span{font-size:8px}.viewport{min-height:440px}.navigation{overflow:visible}}@media(min-width:851px){.stage{min-height:0;overflow:hidden}.viewport{height:0;min-height:300px}.timeline{flex-shrink:0}.navigation{min-height:0}}.toroid-stages{gap:3px;padding:8px}.toroid-stages button{padding:7px 5px;gap:5px}.toroid-stages b{font-size:9px;font-weight:400;opacity:.65}.element-tag{border:1px solid #7f8d77;background:#17201ef0;color:#e8e9cf;padding:2px 4px;font-size:10px;border-radius:3px;transform:translate(8px,-9px);min-width:20px;box-shadow:0 1px 4px #0006}.element-tag.selected{background:#d4ddb7;color:#17201e;border-color:#f0eac9;outline:0}.element-search{width:100%;border:1px solid #405043;border-radius:4px;padding:9px;background:#19231e;color:#d8e2cf;font-size:11px;margin:8px 0}.element-list{display:grid;grid-template-columns:1fr 1fr;max-height:210px;overflow:auto;gap:3px;scrollbar-width:thin}.element-list button{padding:7px 3px;justify-content:flex-start;text-align:left;background:#1b2620;border-radius:3px}.element-list strong{font-size:10px;min-width:25px}.element-list span{font-size:8px;color:#8e9f91}.element-list .chosen{background:#354330}.element-detail{margin-top:15px;padding:12px;background:#273328;border-left:2px solid #b3c594;border-radius:3px}.element-detail p{font-size:10px;line-height:1.7;color:#b2c1ac}.source-details{margin:20px 0;color:#92a58e;font-size:10px;line-height:1.7}.source-details summary{cursor:pointer;color:#bccbb1}.source-details a{display:block;color:#bdcfa9;margin:10px 0}.view-presets{display:flex;gap:6px}.view-presets button{flex:1;border:1px solid #40503f;border-radius:3px;padding:7px;font-size:10px}.view-presets .chosen{background:#303e2d}.toroid-controls h3{font-size:11px;font-weight:500}.toroid-controls .check{margin:13px 0}.toroid-controls output{float:right;color:#bacb9e}@media(max-width:850px){.toroid-stages{overflow-x:auto}.toroid-stages button{min-width:64px;flex-direction:column;gap:3px}.toroid-stages span{white-space:nowrap;font-size:9px}.element-list{grid-template-columns:repeat(3,1fr)}}.element-tag{white-space:nowrap;font-size:9px;padding:2px 3px}.source-details img{max-width:100%}.unified-workspace{grid-template-columns:280px minmax(0,1fr)}.unified-workspace>.navigation{padding:0;overflow:hidden;min-height:0}.sidebar-tabs{display:flex;gap:4px;padding:14px 10px;border-bottom:1px solid #293236;flex-shrink:0}.sidebar-tabs button{font-size:11px;padding:9px 7px;border-radius:4px}.sidebar-tabs button[aria-selected=true]{background:#29372c;color:#d0dfb5}.sidebar-tabs button:last-child{margin-left:auto}.model-panel{display:flex;flex-direction:column;padding:24px 20px;overflow-y:auto;flex:1;min-height:0}.unified-controls{display:block!important;border:0;width:100%;min-height:0;flex:1;overflow-y:auto}.mobile-control{display:flex;margin-left:18px;border:1px solid #34413f;border-radius:4px}@media(max-width:850px){.unified-workspace{display:flex}.unified-workspace>.navigation{width:100%;max-height:55dvh}.model-panel{padding:15px}.unified-controls{max-height:45dvh}.sidebar-tabs{padding:8px 12px}}.diagram-view{flex:1;min-height:0;display:flex;flex-direction:column;background:#141b1f}.diagram-toolbar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap}.diagram-toolbar strong{margin-right:auto;font-weight:500}.diagram-toolbar button{border:1px solid #405146;border-radius:4px;padding:6px 10px;font-size:11px}.pum-canvas{width:100%;flex:1;min-height:0}.pum-canvas g[role=button]{cursor:pointer}.pum-canvas g[role=button]:focus circle{stroke:#fff;stroke-width:5}.diagram-status{padding:12px 20px;font-size:12px;color:#d0dfb5}.diagram-status span{display:block;font-size:10px;color:#92a497;margin-top:5px}.element-view-tabs{background:#111917}@media(max-width:850px){.diagram-view{height:65dvh;flex:none;width:100%}}.russell-view{display:flex;flex-direction:column;flex:1;min-height:0}.russell-canvas{flex:1;min-height:0;position:relative}.diagram-toolbar a{font-size:11px;color:#c5d5ae}.element-view-tabs button{justify-content:center}.element-view-tabs{flex-wrap:wrap}.element-view-tabs button{min-width:120px}@media(max-width:850px){.russell-view{height:65dvh;flex:none;width:100%}}.pum-planes{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.pum-planes button{border:1px solid #405146;border-radius:4px;padding:7px}.pum-planes .chosen{background:#29372c}.pum-image-area{flex:1;min-height:0;display:flex;flex-direction:row-reverse;align-items:stretch;gap:8px;padding:10px 12px}.pum-image-area .pum-canvas{min-width:0;width:0;height:100%}.diagram-side-tools{width:86px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:10px;padding-top:10px}.diagram-side-tools button{border:1px solid #405146;background:#182120;border-radius:5px;padding:10px;font-size:10px}.diagram-side-tools button:not(:first-child){width:42px;height:42px}.annotation-view{display:flex;flex-direction:column;flex:1;min-height:0}.annotation-tools{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:11px}.annotation-tools span{display:flex;align-items:center;gap:7px;margin-right:auto;color:#a0b6a8}.annotation-tools button{border:1px solid #405146;border-radius:4px;padding:7px}.annotation-canvas{flex:1;min-height:0;width:100%;touch-action:none;cursor:grab}.annotation-canvas g[role=button]{cursor:pointer}.annotation-caption{font-size:10px;color:#8fa49a;margin:8px 20px;line-height:1.5}@media(max-width:850px){.diagram-side-tools{width:65px}.pum-image-area{padding:6px;gap:4px}.annotation-tools{padding:8px}.annotation-caption{margin:6px 10px}}.russell-node-legend{display:flex;flex-wrap:wrap;gap:10px 22px;padding:9px 20px;border-top:1px solid #ffffff12;color:#bac8c3;font-size:11px}.russell-node-legend span{display:flex;align-items:center;gap:7px}.russell-node-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.russell-node-tag{position:relative;transform:translateY(calc(-50% - 5px))}.russell-node-tag:after{content:"";position:absolute;left:50%;top:100%;height:5px;width:1px;background:#cbd8b9;pointer-events:none}main{min-height:680px}.app-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:50%}.unified-workspace{display:grid;grid-template-columns:280px minmax(0,1fr)}.unified-workspace>.navigation{display:flex;width:auto;max-height:none;border-right:1px solid #293236}.sidebar-tabs button:last-child{margin-left:0}.sidebar-tabs button{flex:1}.stage{position:relative;min-height:0}.stage>.sequence-strip:first-of-type{padding-right:58px}.diagram-fullscreen{position:absolute;right:12px;top:10px;z-index:110;width:32px;height:32px;border:1px solid #405146;background:#182120;border-radius:4px}.diagram-expanded,.stage:fullscreen{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1000;background:#11171a;overflow:auto;display:flex;flex-direction:column}.timeline{padding:13px 20px 16px}.timeline-top{margin-bottom:12px}.current-stage{font-size:12px;color:#d0dfb5}.timeline-markers{gap:8px;margin-top:12px}.timeline-markers button{flex:1;align-items:flex-start;justify-content:center;text-align:center;font-size:10px}.timeline-markers span{font-size:9px;display:inline}.timeline-markers .chosen span{color:#d0dfb5}.read-more{display:block;padding:0;margin-top:14px;color:#c5d8ac;text-decoration:underline;text-underline-offset:3px;font-size:12px;text-align:left}.principle-attribution{display:block}.principle-dialog{border:1px solid #526650;border-radius:12px;padding:28px;background:#182120;color:#ced7ce;width:min(720px,calc(100vw - 36px));max-height:82dvh;box-shadow:0 20px 80px #0009}.principle-dialog::backdrop{background:#080d10bb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.principle-dialog-heading{display:flex;align-items:flex-start;gap:20px}.principle-dialog-heading h2{font-size:21px;margin:0;flex:1;color:#e2e8db}.principle-dialog-heading button{padding:3px}.principle-dialog .principle-source{font-size:11px;color:#a5b79b;margin:14px 0 22px}.principle-dialog .principle-text p{white-space:pre-line;line-height:1.85;font-size:14px;color:#c6d0c5;margin:0 0 20px}.principle-dialog>a{color:#c5d8ac;font-size:12px}@media(max-width:1150px){.unified-workspace{grid-template-columns:235px minmax(0,1fr)}.model-panel{padding:20px 14px}}@media(max-width:850px){main{height:100dvh;min-height:680px}.unified-workspace{display:grid;grid-template-columns:190px minmax(0,1fr)}.unified-workspace>.navigation{max-height:none;overflow:hidden}.model-panel{padding:14px 10px}.navigation .concept,.navigation .nav-caption{display:block}.model-panel nav{display:block}.model-card{width:100%;margin-bottom:7px}.stage{width:auto;min-width:0;overflow:auto}.viewport{height:auto;min-height:350px;flex:1}.unified-controls{max-height:none;padding:16px 10px}.sidebar-tabs{padding:8px 4px}.sidebar-tabs button{font-size:10px;padding:7px 3px}.diagram-view,.russell-view{height:auto;min-height:450px;flex:1}.timeline{padding:12px}.timeline-markers button{font-size:9px;gap:2px}.timeline-markers span{font-size:8px}.app-icon{width:39px;height:39px}.concept{padding:0 3px}.concept p{font-size:11px}.timeline .transport{gap:2px}.scrubber{padding-left:7px}.principle-dialog{padding:20px}.diagram-expanded .viewport{min-height:0;flex:1}}@media(max-width:520px){.unified-workspace{grid-template-columns:155px minmax(0,1fr)}.brand{font-size:14px}.brand span{font-size:8px}.model-card strong{font-size:10px}.step-buttons{gap:3px}.step-buttons button{font-size:9px}.timeline-top{align-items:flex-start;gap:6px}.current-stage{font-size:10px}.timeline-markers{flex-wrap:wrap}.timeline-markers button{min-width:40px}.timeline .icon{width:24px}.timeline .play{width:26px}}.diagram-toolbar{justify-content:flex-end}.crystal-heading{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:5px;color:#dfe6ce}.crystal-view{flex-shrink:0;width:42px;text-align:center;color:#c9d4b5;border:1px solid #354441;border-radius:5px;padding:2px 0}.crystal-view svg{display:block;width:38px;height:38px;margin:auto}.diagram-status .crystal-view small{display:block;font-size:8px;line-height:12px;letter-spacing:.1em;color:#9eada9}.crystal-title{min-width:0}.crystal-title strong{font-size:13px;font-weight:500}.diagram-status .crystal-title small{display:block;font-size:10px;line-height:1.6;margin-top:3px;color:#a9b6b1}.crystal-title a{color:inherit;text-decoration:underline;text-underline-offset:3px}.diagram-status .crystal-note{display:block;font-size:9px;margin:0;color:#899b95}.bendall-element-status{flex-shrink:0}.generation-panel{padding:14px 20px;background:#11191c;border-top:1px solid #303b3d;color:#c8d3ca;font-size:12px;flex-shrink:0}.generation-heading,.generation-transport,.generation-scale{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.generation-heading strong{color:#eed0a7;font-size:14px}.generation-heading span{color:#9cbac6}.generation-transport{justify-content:flex-start;margin:12px 0}.generation-transport button,.generation-transport select{border:1px solid #465450;background:#202c2c;border-radius:5px;padding:6px 10px;color:#d9e2cb;cursor:pointer}.generation-transport label{display:flex;gap:8px;align-items:center}.generation-transport>span{margin-left:auto;color:#94a7a4}.generation-panel input[type=range]{width:100%;accent-color:#d7b78d;cursor:pointer}.generation-scale{font-size:10px;color:#99aaa4}.generation-panel p{font-size:10px;color:#91a09b;margin:10px 0 0;line-height:1.5}.octave-magnifier{position:absolute;right:18px;bottom:66px;width:240px;padding:10px;background:#0f181cf0;border:1px solid #4d6368;border-radius:8px;color:#c4d6d4;pointer-events:none;box-sizing:border-box;font-size:10px}.octave-magnifier strong{display:block;font-size:11px;font-weight:500;color:#e1e8d8}.octave-magnifier svg{display:block;width:100%;height:210px}.octave-magnifier span{display:block;line-height:1.6}@media(max-width:900px){.octave-magnifier{width:175px;right:8px;bottom:62px}.octave-magnifier svg{height:145px}}.element-info{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.element-info .crystal-heading{margin:0;min-width:190px}.element-facts{display:flex;gap:28px;flex-wrap:wrap;margin:0}.element-facts dt{font-size:10px;color:#92a497;margin-bottom:5px}.element-facts dd{margin:0;font-size:12px;color:#dfe6ce}.element-facts a{color:inherit;text-decoration:none;border-bottom:1px dotted #738579}.element-info .crystal-title small{margin-top:0;line-height:1.5}.bendall-polarity{text-align:center;padding:5px 9px;border-radius:5px;background:#141b1fe6;line-height:1.5;font-size:10px;box-shadow:0 0 12px #141b1f60}.bendall-polarity.positive{color:#e6a38a}.bendall-polarity.negative{color:#93c8da}.bendall-polarity strong{display:block;font-size:12px;font-weight:500}.bendall-polarity span{display:block;letter-spacing:.035em}.crystal-model-tabs{padding-right:56px}.crystal-view-toolbar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid #293638;flex-wrap:wrap}.crystal-view-toolbar>.view-presets{margin-right:auto}.crystal-view-toolbar>button,.crystal-original-tools button{border:1px solid #3a4a48;padding:7px 10px;border-radius:4px;font-size:11px}.time-crystal-viewport{position:relative;flex:1;min-height:280px;background:#141b1f}.time-crystal-viewport>p{padding:40px;color:#d0ddc5}.crystal-angle-tag{display:block;white-space:nowrap;background:#152021dc;border:1px solid #80938280;border-radius:4px;padding:3px 5px;color:#f4f1d8;font-size:12px;line-height:1;box-shadow:0 2px 6px #0004}.crystal-chart-key{position:absolute;left:20px;top:16px;pointer-events:none;color:#d9e3cd;background:#141b1fe6;border-left:2px solid #c6d898;padding:8px 12px}.crystal-chart-key strong{display:block;font-size:12px;font-weight:500}.crystal-chart-key span{display:block;color:#98aaa1;font-size:10px;margin-top:5px}.crystal-summary{border-top:1px solid #293638;flex-shrink:0}.crystal-summary button{font-size:10px;text-decoration:underline;margin-left:8px}.crystal-originals{display:flex;flex-direction:column;flex:1;min-height:0}.crystal-original-tools{display:flex;align-items:center;gap:8px;padding:10px 18px}.crystal-original-tools a{margin-left:auto;color:#bbceaa;font-size:11px}.crystal-original-image{position:relative;flex:1;min-height:240px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#192124;touch-action:none;cursor:grab}.crystal-original-image:active{cursor:grabbing}.crystal-original-image img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:center}@media(max-width:850px){.time-crystal-viewport{min-height:420px}.crystal-original-image{height:60vh;flex:none}.crystal-chart-key{left:10px;top:10px}.crystal-view-toolbar{padding:8px}.crystal-angle-tag{font-size:10px}}.model-credit{flex-shrink:0;border-bottom:1px solid #293236;padding:9px 20px;gap:16px;justify-content:flex-start}.model-credit .credit-author{margin-right:auto}.sidebar-credits{flex-shrink:0;border-top:1px solid #293236;padding:12px 20px 14px;text-align:center}.sidebar-credits p{font-size:10px;line-height:1.6;color:#96a59f;margin:0 0 10px}.sidebar-credits a{display:flex;flex-direction:column;align-items:center;gap:7px;color:#c5d5ae;text-decoration:none;font-size:10px}.sidebar-credits img{display:block;width:165px;max-width:100%;height:auto}.sidebar-credits a:hover span{text-decoration:underline}@media(max-width:850px){.sidebar-credits{padding:8px 10px}.sidebar-credits img{width:125px}.sidebar-credits p{font-size:9px}.model-credit{padding:8px 12px;gap:10px}}.ladder-toolbar{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid #293236;flex-wrap:wrap;flex-shrink:0;font-size:11px}.ladder-toolbar>span{display:flex;gap:22px;flex-wrap:wrap;flex:1}.ladder-toolbar a{color:#c5d5ae}.ladder-viewport{position:relative;flex:1;min-height:440px;overflow:hidden}.ladder-label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ladder-label-layer svg{position:absolute;inset:0}.ladder-label{position:absolute;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;pointer-events:auto;background:#142025ed;border-left:3px solid;padding:3px 5px;border-radius:3px;height:24px;text-align:left;transition:left .08s linear,top .08s linear;color:#e2e9df}.ladder-label span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:10px}.ladder-label strong{color:#fff}.ladder-label small{font-size:8px;color:#b0c2bd;line-height:9px}.ladder-label.selected{background:#414835;outline:1px solid #d6dbab}.ladder-label:hover{background:#33433a;z-index:2}.ladder-summary{flex-shrink:0;border-top:1px solid #293236}.ladder-source{flex:1;min-height:0;overflow:auto;text-align:center;background:#20282c}.ladder-source img{display:block;width:100%;height:auto;max-width:1415px;margin:auto}@media(max-width:850px){.ladder-toolbar{padding:8px 10px}.ladder-toolbar>span{gap:8px;font-size:9px}.ladder-label span{font-size:9px}}.ladder-label{padding:2px 5px}.ladder-label span{font-size:11px;line-height:11px}.ladder-label small{font-size:9px;line-height:9px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}main{min-height:0}header{padding-top:env(safe-area-inset-top);height:calc(87px + env(safe-area-inset-top))}.workspace{min-width:0}.sequence-strip{min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.sequence-strip button{flex-shrink:0}.viewport,.russell-canvas,.time-crystal-viewport{overflow:hidden}.principle-dialog{overflow-y:auto;overflow-wrap:anywhere}.principle-dialog a{color:#c5d8ac}.concept blockquote footer,.principle-text blockquote footer{height:auto;padding:0;border:0;display:block;font-size:inherit;letter-spacing:normal}@media(pointer:coarse),(max-width:1024px){.sidebar-tabs button,.model-card,.sequence-strip button,.view-tools button,.view-presets button,.crystal-view-toolbar button,.crystal-original-tools button,.diagram-side-tools button,.diagram-fullscreen,.step-buttons button,.transport button,.read-more,.principle-dialog-heading button{min-height:44px}.icon,.diagram-fullscreen,.view-tools .icon,.timeline .icon,.timeline .play{width:44px;min-width:44px;height:44px}.check,.toggle-row{min-height:44px;margin:6px 0}.check input{width:20px;height:20px;flex-shrink:0}.switch{width:44px;height:28px;padding:4px}.switch span{width:20px;height:20px}.check,.item-label,.select-label,.control-note,.element-list span{font-size:12px}.element-list button{min-height:44px;padding:8px}.element-list strong{font-size:13px}input[type=number],input[type=search],input[type=text],.element-search,select{font-size:16px!important}input[type=range]{height:24px;background-color:transparent;background-image:linear-gradient(#35423e,#35423e);background-size:100% 3px;background-position:center;background-repeat:no-repeat;margin:8px 0}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.mouse-hint{display:none}.diagram-status{font-size:13px}.diagram-status span,.element-facts dt{font-size:12px}.element-facts dd{font-size:14px}.view-tools{top:12px;right:12px;left:auto}.diagram-fullscreen{top:6px;right:6px}.sequence-strip button,.sequence-strip span{font-size:12px}.model-credit a{font-size:12px;line-height:1.6}}@media(min-width:701px)and (max-width:1100px){main{height:100dvh;min-height:0}.unified-workspace{display:grid;grid-template-columns:220px minmax(0,1fr)}.stage{overflow:auto;min-height:0}.model-panel{padding:16px 12px}.model-panel nav{display:block}.model-card strong{font-size:12px}.sidebar-credits img{width:120px}.sidebar-credits p{font-size:10px}.viewport,.time-crystal-viewport{flex:1 0 360px;min-height:360px}.russell-view,.diagram-view{height:auto;min-height:520px;flex:1 0 520px}.sequence-strip button{flex:0 0 auto;max-width:260px}.element-view-tabs{flex-wrap:nowrap}.crystal-originals{flex:1 0 500px}.crystal-original-image{height:auto;flex:1;min-height:350px}.ladder-source{flex:1 0 400px}.timeline-markers{overflow-x:auto}.timeline-markers button{min-width:80px}}@media(max-width:700px){main{height:auto;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}header{height:auto;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.brand{font-size:16px;gap:10px;line-height:1.25}.brand span{font-size:10px;max-width:none;line-height:1.4}.app-icon{width:36px;height:36px}.unified-workspace{display:flex;flex-direction:column;min-height:0;flex:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.unified-workspace>.navigation{display:contents}.stage{order:0;width:100%;overflow:visible;flex:none;min-width:0}.sidebar-tabs{order:1;padding:10px 12px;border-top:1px solid #34413f;background:#18211f}.model-panel,.unified-controls{order:2;width:100%;flex:none;padding:12px 16px;overflow:visible;max-height:none}.sidebar-credits{order:3;padding:20px 24px;max-width:100%;border-top:1px solid #293236}.sidebar-credits p{font-size:12px}.sidebar-credits img{width:150px}.sidebar-credits a{font-size:12px}.navigation .nav-caption{display:none}.model-panel nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.model-card{padding:10px 8px;gap:5px;margin:0;flex-direction:column;align-items:flex-start;height:100%}.model-card strong{font-size:12px;line-height:1.45}.model-number{font-size:11px}.navigation .concept{display:block;margin:10px 0 0;padding:0}.concept>.eyebrow,.concept>p,.concept>blockquote,.concept>.principle-attribution{display:none}.concept .read-more{margin:0}.sidebar-tabs button{font-size:14px}.sequence-strip{padding:6px 10px;gap:6px;flex-wrap:nowrap}.sequence-strip button{flex:0 0 auto;max-width:250px;padding:8px 10px;font-size:12px;line-height:1.4;white-space:normal}.element-view-tabs button{min-width:0;max-width:240px}.toroid-stages button{flex-direction:row}.toroid-stages span{white-space:normal}.viewport,.time-crystal-viewport{height:clamp(340px,58svh,620px);min-height:0;flex:none;width:100%}.russell-view,.diagram-view{height:auto;min-height:0;flex:none;width:100%}.russell-canvas{height:clamp(340px,58svh,620px);flex:none;min-height:0}.pum-image-area{height:clamp(360px,60svh,650px);flex:none;position:relative;padding:4px;display:block}.pum-image-area .pum-canvas{width:100%;height:100%;display:block}.diagram-side-tools{position:absolute;right:8px;top:8px;width:auto;z-index:2;gap:6px;padding:0}.diagram-side-tools button{background:#182120ed;padding:8px;max-width:70px}.diagram-side-tools button:not(:first-child){width:44px;height:44px}.model-credit{padding:7px 12px;gap:4px 16px}.model-credit .credit-author{flex-basis:100%}.diagram-status{padding:12px;line-height:1.5;overflow-wrap:anywhere}.element-info{gap:14px}.element-info .crystal-heading{min-width:0}.element-facts{gap:14px 24px}.element-facts>div{min-width:110px}.russell-node-legend{padding:9px 12px;font-size:12px;gap:8px 16px}.viewport-note{left:12px;right:12px;bottom:12px;letter-spacing:.4px;font-size:10px;flex-wrap:wrap}.axis-legend{left:12px;bottom:44px}.viewport-note>span:last-child{font-size:8px}.view-tools{top:10px;right:10px}.timeline{padding:12px}.timeline-top{align-items:center;flex-wrap:wrap;margin-bottom:8px}.current-stage{font-size:13px}.step-buttons button{font-size:12px}.transport{flex-wrap:wrap;gap:6px}.timeline .transport{gap:6px}.scrubber{flex:1 1 100%;padding:0;min-width:0}.timeline-markers{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:4px 0}.timeline-markers button{flex:0 0 90px;min-height:44px;font-size:12px}.timeline-markers span{font-size:11px}.crystal-view-toolbar{gap:6px;padding:8px 10px}.crystal-view-toolbar .view-presets{flex-wrap:wrap}.crystal-view-toolbar button{font-size:12px}.crystal-chart-key{max-width:calc(100% - 20px);padding:6px 8px}.crystal-chart-key span{font-size:10px}.crystal-originals{flex:none;min-height:0}.crystal-original-image{height:clamp(340px,58svh,620px);min-height:0;flex:none}.crystal-original-tools{flex-wrap:wrap;padding:8px 12px}.crystal-original-tools a{font-size:12px;min-height:44px;display:flex;align-items:center}.ladder-source{flex:none;overflow:auto;max-height:70svh;min-height:240px}.ladder-source img{min-width:560px;max-width:none}.ladder-toolbar{font-size:13px;padding:10px 12px;justify-content:space-between}.principle-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 40px);padding:18px}.principle-dialog-heading h2{font-size:20px}.principle-dialog-heading button{min-width:44px}.principle-dialog .principle-source{line-height:1.6}.diagram-expanded,.stage:fullscreen{overflow:auto;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.diagram-expanded .viewport,.diagram-expanded .time-crystal-viewport{flex:1 0 340px;min-height:340px;height:auto}.diagram-expanded .russell-view,.diagram-expanded .diagram-view{flex:1;min-height:440px}.diagram-expanded .russell-canvas,.diagram-expanded .pum-image-area{flex:1;min-height:340px;height:auto}}@media(max-height:550px)and (min-width:701px){main{height:auto;min-height:100dvh}.unified-workspace{min-height:580px}.stage{overflow:visible}.navigation{max-height:none}.viewport{min-height:360px}}@media(max-width:1024px){.stage>.sequence-strip:first-of-type{margin-right:56px;padding-right:10px}}