:root{color-scheme:dark;--bg:#0d1218;--panel:#111820;--panel-deep:#0a1117;--text:#e9e9e4;--muted:#8f9da9;--dim:#647582;--line:#26323d;--teal:#78d7cd;--apricot:#f0b18b;--purple:#b6a5e8;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--serif:"Iowan Old Style","Palatino Linotype",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,select,input{color:var(--text)}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--apricot)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--apricot);outline-offset:4px}button,select{transition:background .18s,border-color .18s,color .18s}h1,h2,p,figure{margin:0}h2{font-size:16px;font-weight:500;letter-spacing:-.25px}button svg{pointer-events:none}svg{display:block}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:16px;background:var(--apricot);color:var(--bg);z-index:10;padding:10px}.skip-link:focus{top:8px}
.site-header{height:87px;margin:0 4%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:54px}.brand{display:flex;align-items:center;gap:13px;flex:none}.brand>svg{width:43px;height:43px;fill:none;stroke:var(--apricot);stroke-width:.85}.brand-dot{fill:var(--apricot);stroke:none}.brand>span{font-size:12px;line-height:1.4;font-weight:650;letter-spacing:2.5px}.brand>span>span{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:29px;align-self:stretch;font-size:12px}nav a{display:flex;align-items:center;position:relative;color:var(--muted);gap:8px}nav .nav-active{color:var(--text)}nav .nav-active:after{position:absolute;content:"";height:2px;bottom:-1px;left:0;right:0;background:var(--apricot)}.header-meta{margin-left:auto;display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.8px;color:var(--muted)}.local-dot,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);flex:none}.edition{border-left:1px solid var(--line);margin-left:17px;padding:8px 0 8px 26px;color:var(--apricot);font-size:11px}main{max-width:1760px;margin:0 auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:32px 0 28px;gap:24px}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:1.45px;color:var(--muted)}.tiny-star{color:var(--apricot);margin-right:7px;font-size:13px}.intro h1{font:400 clamp(29px,3.2vw,49px)/1.2 var(--serif);letter-spacing:-1.2px;margin-top:8px}.intro h1 em{font-weight:400;color:var(--apricot)}.intro>p{font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:3px}.tour-banner{min-height:81px;border:1px solid #3d3a34;border-radius:7px;background:linear-gradient(105deg,#211e1c 0%,#181b20 60%,#111820 100%);display:flex;align-items:center;gap:17px;padding:14px 20px;position:relative}.tour-mark{width:40px;height:42px;border:1px solid #6b5340;border-radius:50% 50% 5px 5px;display:flex;align-items:center;justify-content:center;font:16px var(--serif);color:var(--apricot);position:relative;flex:none}.tour-mark>span{font:10px var(--font);position:absolute;top:-6px;right:-5px;color:var(--apricot);background:#211e1c}.tour-copy{flex:1}.tour-copy .eyebrow{font-size:8px;color:var(--apricot);letter-spacing:1.4px;margin-bottom:3px}.tour-copy h2{font-size:14px;font-weight:550;display:inline}.tour-copy p{font-size:12px;color:var(--muted);display:inline;margin-left:16px}.tour-banner .text-button{font-size:11px;white-space:nowrap}.text-button{color:var(--apricot);padding:8px 0;display:inline-flex;align-items:center;gap:20px}.text-button:hover{color:#ffd6bc}.tour-progress{display:flex;gap:5px;margin:0 24px}.tour-progress>span{width:20px;height:2px;background:#41433f}.tour-progress>span.active{background:var(--apricot)}.icon-button{width:27px;height:27px;display:inline-grid;place-items:center;font-size:18px;color:var(--muted);border-radius:4px;padding:0;flex:none}.icon-button:hover{background:#ffffff0b;color:var(--text)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px;gap:20px}.workspace-heading>.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px}.live-dot{background:var(--muted)}.live-dot.running{background:var(--teal);box-shadow:0 0 8px #78d7cd55}.heading-divider{color:#46515b;margin:0 5px}.quiet-button{font-size:11px;line-height:1.4;border:1px solid var(--line);border-radius:4px;padding:7px 11px;color:var(--muted);display:inline-flex;gap:8px;align-items:center;justify-content:center}.quiet-button:hover,.quiet-button[aria-pressed=true]{border-color:#76604f;color:var(--apricot);background:#f0b18b06}.compare-controls{border:1px solid #4e4b5c;border-radius:6px;display:flex;gap:24px;align-items:center;padding:12px 17px;margin-bottom:20px;background:#191c27}.compare-controls>p{flex:1;font-size:12px}.compare-controls>p>span{display:block;font-size:10px;color:var(--muted)}.compare-controls>label{display:flex;align-items:center;gap:10px;font-size:11px}.compare-controls .text-button{font-size:10px;gap:8px}.error-banner{border:1px solid #b75e51;background:#36201d;padding:13px 18px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;color:#f3c4b6}
.lab-grid{display:grid;grid-template-columns:202px minmax(300px,1fr) 260px;gap:25px;align-items:start}.section-label{display:flex;align-items:center;gap:8px;color:var(--muted);font:9px/1.5 var(--mono);letter-spacing:1.2px}.section-label>span{font-size:9px;color:var(--dim);letter-spacing:0}.controls{border-right:1px solid var(--line);padding-right:23px}.controls h2{font-size:14px;margin-top:10px;margin-bottom:12px}.datasets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.datasets>button{height:64px;border:1px solid var(--line);background:#10171f;border-radius:5px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);padding:3px}.datasets>button[aria-pressed=true]{border-color:#967357;background:#27221f;color:var(--apricot)}.datasets>button:hover{border-color:#6d6b65}.datasets svg{width:64px;height:36px}.dots-a{fill:var(--teal)}.dots-b{fill:var(--apricot)}.dataset-story{color:var(--muted);font-size:11px;line-height:1.6;margin:13px 0 10px;min-height:51px}.split-key{display:flex;justify-content:space-between;gap:6px;color:var(--muted);font:9px var(--mono);letter-spacing:-.2px}.split-key>span{display:flex;align-items:center;gap:4px}.split-key b{font-weight:500;color:var(--text)}.solid-dot,.hollow-dot{width:6px;height:6px;display:inline-block;background:#c3cccf;border-radius:50%}.hollow-dot{background:none;border:1px solid #c3cccf}.sampling{margin-top:12px}.sampling summary,.coordinate-controls summary,.trace-details summary{font-size:10px;color:var(--muted);cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:5px 0;gap:12px}.sampling summary::-webkit-details-marker,.coordinate-controls summary::-webkit-details-marker,.trace-details summary::-webkit-details-marker{display:none}.sampling-content{display:grid;gap:8px;padding-top:8px}.sampling-content>label{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;font-size:10px;color:var(--muted)}select,input{border:1px solid var(--line);border-radius:4px;background:#141d26;min-height:33px;padding:6px 25px 6px 9px;font-size:11px;max-width:100%}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%238f9da9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}input{padding-right:7px;width:100%}.control-rule{height:1px;background:var(--line);margin:17px 0}.control-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:12px 0 7px}.control-label>span{color:var(--dim);font-size:8px;font-family:var(--mono)}#architecture{width:100%}.architecture-strip{display:flex;align-items:center;justify-content:center;gap:8px;margin:9px 0 13px;font:10px var(--mono);color:var(--dim)}.architecture-strip b,.architecture-strip>span{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font-weight:400;color:var(--text)}.architecture-strip b{border-color:#76604f;color:var(--apricot);background:#251f1b}.architecture-strip i{font-style:normal;font-size:11px}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-pair>label{color:var(--muted);font-size:10px;display:flex;flex-direction:column;gap:6px}.control-pair select{padding-left:8px}.toggle-line{position:relative;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:16px;cursor:pointer}.toggle-line b{font-size:11px;font-weight:450}.toggle-line small{display:block;font-size:9px;color:var(--dim);margin-top:2px}.toggle-line>input{position:absolute;right:0;width:27px;height:25px;opacity:0;cursor:pointer}.toggle{width:27px;height:16px;background:#283440;border:1px solid #354552;border-radius:20px;position:relative;flex:none}.toggle:after{content:"";width:10px;height:10px;border-radius:50%;position:absolute;top:2px;left:2px;background:#84949f;transition:transform .15s}.toggle-line input:checked+.toggle{background:#a16d44;border-color:var(--apricot)}.toggle-line input:checked+.toggle:after{transform:translateX(11px);background:var(--apricot)}.toggle-line input:focus-visible+.toggle{outline:2px solid var(--apricot);outline-offset:3px}.inline-control{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px}.inline-control select{min-height:27px;padding-top:3px;padding-bottom:3px}.control-footnote{font-size:9px;color:var(--dim);line-height:1.8;margin-top:17px}
.landscape-panel{min-width:0}.panel-top{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px;min-height:41px}.panel-top h2{font:19px var(--serif);margin-top:6px}.field-mode{border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:10px;padding:7px 9px;display:flex;align-items:center;gap:10px;white-space:nowrap}.field-mode[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.field-mode:disabled{opacity:.4;cursor:default}.landscapes{display:flex;gap:12px}.landscape-figure{background:#0d1b25;border:1px solid #33434b;position:relative;overflow:hidden;border-radius:5px;flex:1;min-width:0}.landscape-figure>canvas{display:block;width:100%;aspect-ratio:1.26;touch-action:none;cursor:crosshair}.figure-badge{position:absolute;top:14px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;font:8px/1.2 var(--mono);letter-spacing:1.15px;pointer-events:none;color:#dceae5b3;z-index:1}.figure-badge>span:first-child{font-weight:600}.figure-badge>span:last-child{font-size:9px;letter-spacing:.3px}figcaption{position:absolute;bottom:13px;left:16px;color:#e5e9e4a8;pointer-events:none;font:8px var(--mono);letter-spacing:.15px}.axis-x,.axis-y{position:absolute;color:#e6f0e4a0;pointer-events:none;font:13px var(--serif)}.axis-x{right:13px;bottom:11px}.axis-y{left:11px;top:50%;transform:translateY(-50%)}.canvas-tooltip{background:#0a111aed;border:1px solid #607176;position:absolute;z-index:3;top:45px;left:16px;border-radius:3px;pointer-events:none;padding:7px 9px;font:9px var(--mono);color:var(--text)}.color-key{display:flex;align-items:center;gap:10px;margin:13px auto 11px;max-width:355px;font:8px var(--mono);color:var(--muted);letter-spacing:.7px}.color-key>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.color-key>div{flex:1}.color-ramp{height:5px;background:linear-gradient(90deg,#248f97,#233a49,#be7344);border-radius:4px}.color-key>div>span{margin-top:4px;display:flex;justify-content:space-between;font-size:7px;color:var(--dim)}.color-key i{font-style:normal;letter-spacing:0}.class-dot{display:inline-block;flex:none;width:6px;height:6px;background:var(--teal);border-radius:50%}.class-diamond{display:inline-block;flex:none;width:5px;height:5px;background:var(--apricot);transform:rotate(45deg)}.canvas-tools{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;gap:8px;justify-content:space-between}.brushes{display:flex;gap:3px;background:#121b24;border:1px solid var(--line);padding:3px;border-radius:5px}.brushes button{height:27px;min-width:31px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;border-radius:3px;padding:0 8px}.brushes button[aria-pressed=true]{background:#30404a;color:var(--text)}.brushes button[data-tool=a][aria-pressed=true]{background:#234742;color:var(--teal)}.brushes button[data-tool=b][aria-pressed=true]{background:#503529;color:var(--apricot)}.new-point-split{font-size:9px;color:var(--dim);display:flex;align-items:center;gap:7px}.new-point-split select{min-height:29px;font-size:10px;padding-top:4px;padding-bottom:4px}.interaction-hint{color:var(--muted);font-size:10px;margin:9px 0 3px;min-height:15px}.coordinate-controls{border-bottom:1px solid var(--line);padding-bottom:10px}.coordinate-controls>summary{font-size:9px;color:var(--dim)}.coordinate-controls form{display:flex;gap:8px;align-items:end;margin:8px 0 3px}.coordinate-controls form>label{flex:1;font-size:10px;display:flex;flex-direction:column;gap:4px;min-width:0}.coordinate-controls input{width:100%}.coordinate-controls .quiet-button{height:33px}.transport{display:flex;align-items:center;gap:12px;padding-top:16px}.primary-button{border:1px solid var(--apricot);background:var(--apricot);color:#24201c;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600;padding:11px 15px;white-space:nowrap}.primary-button:hover{background:#f9c3a0;color:#211b16}.primary-button>span{font-size:10px}.transport-button{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 0}.transport-button>span{font-size:18px;color:var(--text)}.epoch-readout{margin-left:auto;display:flex;align-items:baseline;gap:6px;font-family:var(--mono);white-space:nowrap}.epoch-readout>span{font-size:8px;color:var(--dim);letter-spacing:.8px}.epoch-readout>b{font-size:21px;font-weight:400;letter-spacing:1px;color:var(--text)}.epoch-readout>small{font-size:8px;color:var(--dim)}
.inspector{padding-left:22px;border-left:1px solid var(--line);min-width:0}.inspector-title{display:flex;gap:10px;align-items:center;justify-content:space-between}.inspector-title>h2{font:17px var(--serif);margin-top:8px}.inspector-title select{min-height:25px;padding:3px 19px 3px 6px;font:10px var(--mono);background-position:right 5px center}.inspector-intro{color:var(--muted);font-size:10px;line-height:1.6;margin:9px 0 16px}.neuron-layers{display:grid;gap:12px;margin-bottom:14px}.layer-label{font:8px var(--mono);color:var(--dim);display:flex;justify-content:space-between;letter-spacing:.6px;margin-bottom:6px}.neuron-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.neuron-button{border:1px solid #3d4b52;border-radius:2px;padding:0;overflow:hidden;position:relative;background:#122632;aspect-ratio:1;min-width:0}.neuron-button>canvas{width:100%;height:100%;display:block;opacity:.85}.neuron-button[aria-pressed=true]{border-color:var(--apricot);box-shadow:0 0 0 1px var(--apricot)}.neuron-button[aria-pressed=true]>canvas{opacity:1}.neuron-button:hover{border-color:var(--text)}.neuron-button>span{position:absolute;bottom:0;left:0;background:#08111db0;color:#d8e3e8;font:6px var(--mono);padding:1px 2px}.linear-explanation{font-size:11px;line-height:1.7;color:var(--muted);border:1px dashed var(--line);padding:11px;border-radius:4px}.neuron-focus{border:1px solid var(--line);border-radius:4px;background:#111b25;overflow:hidden}.mini-heading{font:8px var(--mono);letter-spacing:.7px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.neuron-focus .mini-heading{padding:3px 9px}.neuron-focus .icon-button{font-size:15px;width:22px;height:24px}#neuronCanvas{width:100%;height:121px;display:block;background:#152b35}.neuron-scale{display:flex;justify-content:space-between;padding:7px 9px;color:var(--dim);font:8px var(--mono);letter-spacing:.4px}.neuron-scale>span:first-child,.neuron-scale>span:last-child{color:var(--muted)}.point-inspector{border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.point-arrows{display:flex;gap:9px}.point-arrows button{font-size:14px;color:var(--muted);width:20px;height:24px;padding:0}.point-inspector>select{width:100%;margin-top:7px;font-size:10px;min-height:28px;padding:5px 22px 5px 7px;background-color:#141c24}.point-summary{font:9px/1.7 var(--mono);color:var(--muted);margin:9px 0 8px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}.point-summary .point-class{color:var(--teal)}.point-summary .class-b{color:var(--apricot)}.prediction-bar{height:4px;background:var(--apricot);border-radius:2px;overflow:hidden}.prediction-bar>span{display:block;width:50%;height:100%;background:var(--teal)}.prediction-labels{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:var(--dim);margin-top:5px}.prediction-labels>b{font-size:9px;font-weight:400;color:var(--text)}.point-journey{display:grid;gap:6px;margin-top:12px}.journey-layer{display:flex;align-items:center;gap:6px}.journey-layer>span{font:7px var(--mono);color:var(--dim);width:33px;flex:none}.journey-values{display:flex;gap:3px;flex-wrap:wrap}.journey-neuron{font:7px var(--mono);color:var(--text);padding:3px;border-radius:2px;background:#24353c;border-bottom:1px solid #71b0a070;min-width:21px;cursor:pointer}.journey-neuron.selected{outline:1px solid var(--apricot)}.gradient-summary{color:var(--dim);font:8px/1.65 var(--mono);margin:10px 0 5px}.trace-details{margin-top:4px}.trace-details summary{font-size:9px}.trace-scroll{max-height:240px;overflow:auto;margin-top:8px}table{width:100%;border-collapse:collapse;font:9px var(--mono)}caption{text-align:left;color:var(--muted);font-size:9px;line-height:1.7;padding-bottom:8px}th,td{text-align:right;padding:5px 3px;border-bottom:1px solid var(--line);font-weight:400}th:first-child,td:first-child{text-align:left}th{color:var(--dim)}
.readout-section{border-top:1px solid var(--line);margin-top:29px;padding-top:21px}.readout-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.readout-heading h2{font:19px var(--serif);margin-top:5px}.curve-toggle{display:flex;gap:0;border:1px solid var(--line);padding:3px;border-radius:5px}.curve-toggle>button{font-size:10px;color:var(--muted);padding:5px 14px;border-radius:3px}.curve-toggle>button[aria-pressed=true]{background:#2b343c;color:var(--text)}.readout-grid{display:grid;grid-template-columns:40% 1fr;gap:36px;align-items:start}.metrics-area{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}.metric{display:flex;flex-direction:column;border-right:1px solid var(--line)}.metric>span{font:8px var(--mono);letter-spacing:1.2px;color:var(--muted)}.metric>b{font:34px/1.35 var(--mono);font-weight:300;margin:5px 0 0;color:var(--teal);letter-spacing:-1px}.metric:nth-child(2)>b{color:var(--apricot)}.metric>small{font:9px var(--mono);color:var(--muted)}.generalization{grid-column:1/-1;max-width:445px}.generalization .mini-heading{font-size:8px;max-width:260px}.generalization .mini-heading b{font-weight:500;color:var(--text);font-size:11px;letter-spacing:0}.generalization p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:6px;max-width:370px}.curve-area{min-width:0}#lossCanvas{width:100%;height:171px;display:block}.curve-legend{display:flex;align-items:center;gap:17px;font:8px var(--mono);color:var(--muted);padding-left:40px;margin-top:9px}.curve-legend>span{display:flex;align-items:center;gap:6px}.curve-legend i{display:inline-block;width:14px;border-top:2px solid var(--teal)}.curve-legend .dashed{border-top-style:dashed;border-top-color:var(--apricot)}.curve-legend .b-curve{border-color:var(--purple)}.curve-legend>.curve-axis{margin-left:auto;color:var(--dim);font-size:7px;letter-spacing:1px}#compareMetrics{margin-top:7px;padding-top:7px;border-top:1px solid var(--line);font:9px/1.8 var(--mono);color:var(--purple)}.notebook-strip{display:flex;align-items:center;gap:18px;margin-top:26px;border:1px solid var(--line);border-radius:5px;padding:17px 20px;background:linear-gradient(90deg,#121d23,#10161d)}.notebook-icon{color:var(--teal);font:35px var(--serif);width:34px;text-align:center}.notebook-strip p{flex:1}.notebook-strip b{font:15px var(--serif);display:block}.notebook-strip p>span{color:var(--muted);font-size:10px;display:block;margin-top:3px}.notebook-strip a{font-size:10px;color:var(--apricot);display:flex;align-items:center;gap:21px}.footer-note{display:flex;align-items:center;gap:9px;color:var(--dim);font:8px var(--mono);letter-spacing:.1px}.footer-note>.local-dot{height:4px;width:4px;background:#657b72}.footer-note>span:not(.local-dot){color:#3e515c}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 26px}.file-actions{display:flex;align-items:center;gap:22px}.file-actions>button{color:var(--muted);font-size:10px;padding:3px 0;display:flex;align-items:center;gap:8px}.file-actions>button:last-of-type{color:var(--apricot)}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;background:#1b2a30;border:1px solid #61797b;box-shadow:0 8px 40px #0007;color:var(--text);padding:12px 20px;font-size:12px;border-radius:5px;max-width:calc(100vw - 32px);width:max-content}.landscapes.comparing .landscape-figure>canvas{aspect-ratio:.83}.landscapes.comparing .figure-badge{flex-direction:column;align-items:flex-start;gap:5px;top:12px;left:12px}.landscapes.comparing figcaption{max-width:calc(100% - 37px);font-size:7px}.landscapes.comparing .landscape-figure{border-color:#4b4c5f}.landscapes.comparing #figureB{border-color:#89769e}
dialog{background:#141d25;border:1px solid #556369;color:var(--text);border-radius:10px;width:min(590px,calc(100vw - 32px));padding:32px;box-shadow:0 30px 150px #000a}dialog::backdrop{background:#050a11c9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:10px}dialog h2{font:29px var(--serif);margin:10px 0 14px}dialog>p{color:var(--muted);font-size:12px;line-height:1.8}dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:15px 0;border-block:1px solid var(--line);font:11px var(--mono)}dialog dt{color:var(--muted)}dialog dd{text-align:right;margin:0}dialog .primary-button{margin-top:20px}dialog .dialog-note{font-size:11px}dialog details{margin-top:18px;font-size:11px;color:var(--muted)}dialog details>summary{cursor:pointer}dialog pre{font:10px/1.6 var(--mono);max-height:250px;overflow:auto;white-space:pre-wrap;word-break:break-all;background:#0b131b;padding:12px}
@media(min-width:1550px){.lab-grid{grid-template-columns:230px minmax(300px,1fr) 285px;gap:30px}.controls{padding-right:29px}.landscape-figure>canvas{aspect-ratio:1.43}.inspector{padding-left:29px}.panel-top h2{font-size:22px}.datasets>button{height:73px}.control-footnote{font-size:10px}.inspector-intro{font-size:11px}#neuronCanvas{height:140px}.neuron-button>span{font-size:7px}.transport{gap:20px}.landscapes.comparing .landscape-figure>canvas{aspect-ratio:1}}
@media(max-width:1200px){.site-header{gap:30px}.header-meta{font-size:8px}.header-meta>.edition{margin-left:5px;padding-left:16px}.lab-grid{grid-template-columns:180px minmax(260px,1fr) 223px;gap:19px}.controls{padding-right:18px}.inspector{padding-left:18px}.intro>p{font-size:11px}.tour-copy p{display:block;margin:3px 0 0}.tour-progress{margin:0 8px}.neuron-grid{grid-template-columns:repeat(6,1fr)}.new-point-split{font-size:0;gap:0}.new-point-split select{font-size:9px}.transport{gap:10px}.primary-button{font-size:11px;padding:10px}.epoch-readout>small{display:none}.epoch-readout>span{display:none}.epoch-readout>b{font-size:19px}.panel-top h2{font-size:16px}.field-mode{padding:6px;font-size:9px;gap:5px}.landscape-figure>canvas{aspect-ratio:.97}.landscapes.comparing .landscape-figure>canvas{aspect-ratio:.58}.control-pair select{font-size:10px}.inspector-title>h2{font-size:16px}.curve-legend{gap:10px}.readout-grid{gap:24px}.compare-controls{flex-wrap:wrap;gap:10px 20px}.compare-controls>p{flex-basis:30%}.compare-controls .text-button{margin-left:auto}}
@media(max-width:1000px){.header-meta{font-size:0;gap:0}.header-meta .local-dot{display:none}.edition{font-size:11px}.intro{display:block}.intro>p{margin-top:12px;font-size:12px}.intro>p>br{display:none}.lab-grid{grid-template-columns:180px minmax(300px,1fr);gap:22px}.inspector{grid-column:2;display:grid;grid-template-columns:1fr 1fr;column-gap:22px;padding:0;border:0}.inspector>.section-label,.inspector>.inspector-title,.inspector>.inspector-intro,.inspector>.neuron-layers,.inspector>.neuron-focus{grid-column:1}.inspector>.point-inspector{grid-column:2;grid-row:1/6;margin:0;border:0;padding:0}.inspector-intro{margin:8px 0 11px}.neuron-layers{margin:0 0 12px}.neuron-focus{align-self:end}.controls{grid-row:1/3}.landscape-figure>canvas{aspect-ratio:1.2}.landscapes.comparing .landscape-figure>canvas{aspect-ratio:.78}.readout-grid{grid-template-columns:38% 1fr;gap:25px}.metric>b{font-size:29px}.metric>span{font-size:7px}.metric>small{font-size:8px}.metrics-area{gap:16px 10px}.curve-legend{font-size:7px}.footer-note{font-size:7px}.tour-progress{display:none}}
@media(max-width:720px){.site-header{height:72px;margin:0 5%;gap:20px}.brand>svg{width:35px;height:35px}.brand>span{font-size:10px;letter-spacing:2px}.brand>span>span{font-size:8px;letter-spacing:1.7px}.brand{gap:9px}nav{gap:15px;margin-left:auto;font-size:10px}.header-meta{display:none}main{padding:0 5%}.intro{padding:24px 0}.intro h1{font-size:36px;line-height:1.15;max-width:390px}.intro .eyebrow{font-size:7px;letter-spacing:1.1px}.intro>p{font-size:11px;max-width:320px;margin-top:14px}.tour-banner{padding:13px;gap:12px;flex-wrap:wrap}.tour-mark{width:31px;height:34px}.tour-copy .eyebrow{font-size:7px}.tour-copy h2{font-size:13px}.tour-copy p{font-size:10px}.tour-banner .text-button{font-size:10px;margin-left:44px;padding:0 0 0;gap:12px}.tour-banner>#closeTour{position:absolute;right:8px;top:7px}.workspace-heading{margin-top:20px;gap:10px;align-items:start}.workspace-heading>.eyebrow{flex-wrap:wrap;gap:5px;font-size:7px;letter-spacing:.6px}.heading-divider{margin:0}.quiet-button{font-size:9px;padding:6px 8px}#compareButton{max-width:125px;gap:6px;white-space:nowrap;font-size:8px}.lab-grid{grid-template-columns:1fr;gap:24px}.controls{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:20px 0;border:0;border-top:1px solid var(--line)}.controls>.section-label:first-child,.controls>h2,.controls>.datasets,.controls>.dataset-story,.controls>.split-key,.controls>.sampling{grid-column:1}.controls>.section-label:nth-of-type(2){grid-column:2;grid-row:1}.controls>.control-label{grid-column:2;grid-row:2;margin:9px 0 8px}.controls>#architecture{grid-column:2;grid-row:3;align-self:start;font-size:10px}.controls>.architecture-strip{grid-column:2;grid-row:3;align-self:end;margin-bottom:14px}.controls>.control-pair{grid-column:2;grid-row:4;align-self:start}.controls>.toggle-line{grid-column:2;margin-top:11px}.controls>.toggle-line:has(#l2Toggle){grid-row:5}.controls>.toggle-line:has(#jitterToggle){grid-row:6}.controls>.inline-control{grid-column:2}.controls>.control-footnote{grid-column:2}.controls>.control-rule{display:none}.controls h2{font-size:13px;margin-bottom:10px}.control-label{font-size:10px}.control-label>span{display:none}.dataset-story{margin:10px 0}.split-key{font-size:8px}.sampling{align-self:start;margin-top:7px}.control-pair>label{font-size:9px}.control-pair select{font-size:9px;padding-left:6px;padding-right:20px}.toggle-line b{font-size:9px}.toggle-line small{font-size:8px}.control-footnote{font-size:8px;margin-top:10px}.landscape-panel{grid-row:1}.panel-top h2{font-size:18px}.landscape-figure>canvas{aspect-ratio:1.03}.landscapes.comparing .landscape-figure>canvas{aspect-ratio:.7}.landscapes{gap:7px}.figure-badge{font-size:7px;left:13px;right:13px}.figure-badge>span:last-child{font-size:8px}.landscapes.comparing .figure-badge{font-size:6px;letter-spacing:.4px}.landscapes.comparing .figure-badge>span:last-child{font-size:7px}.landscapes.comparing figcaption{font-size:6px;left:10px;bottom:8px}.brushes button{padding:0 7px;font-size:9px;gap:6px}.canvas-tools{gap:6px}.new-point-split select{font-size:8px;min-height:31px;width:98px;padding-right:19px;padding-left:7px}.interaction-hint{font-size:9px}.transport{gap:16px;padding-top:13px}.transport .primary-button{font-size:11px;padding:10px 12px;gap:8px}.transport-button{font-size:10px;gap:4px}.epoch-readout>b{font-size:20px}.epoch-readout>span{display:none}.coordinate-controls form{flex-wrap:wrap}.coordinate-controls form>label{min-width:calc(50% - 6px)}.inspector{grid-column:1;grid-row:3;gap:0 22px}.inspector>.section-label{font-size:8px;letter-spacing:.6px}.inspector-title>h2{font-size:17px}.inspector-intro{font-size:10px}.point-inspector .mini-heading{font-size:7px;letter-spacing:.3px}.point-summary{font-size:8px}.neuron-grid{gap:4px;grid-template-columns:repeat(6,1fr)}.mini-heading{font-size:7px}.neuron-scale{font-size:7px;padding:6px}.neuron-focus .mini-heading{padding:3px 6px}.neuron-focus .icon-button{width:17px}.gradient-summary{font-size:7px}.journey-layer>span{font-size:6px;width:28px}.journey-values{gap:3px}.journey-neuron{font-size:6px;padding:3px 2px;min-width:18px}.point-inspector>select{font-size:9px}.trace-details summary{font-size:8px}.readout-section{margin-top:25px}.readout-heading h2{font-size:18px}.readout-heading .section-label{font-size:8px}.curve-toggle>button{font-size:9px;padding:4px 9px}.readout-grid{grid-template-columns:1fr;gap:20px}.metrics-area{grid-template-columns:1fr 1fr;gap:20px}.metric>b{font-size:34px}.metric>span{font-size:8px}.metric>small{font-size:9px}.generalization{grid-column:1/-1;max-width:none}.generalization p{font-size:11px;max-width:none}.curve-area{grid-row:2}.curve-legend{font-size:8px;gap:13px}.notebook-strip{padding:15px;gap:12px;flex-wrap:wrap}.notebook-icon{width:22px;font-size:30px}.notebook-strip b{font-size:14px}.notebook-strip p>span{font-size:9px}.notebook-strip a{margin-left:34px;font-size:10px;gap:10px}.notebook-strip p{min-width:calc(100% - 45px)}footer{flex-wrap:wrap;gap:14px;padding:18px 0 24px}.footer-note{font-size:6px;gap:6px}.file-actions{margin-left:auto}.compare-controls{padding:11px}.compare-controls>p{flex-basis:100%}.compare-controls>label{font-size:10px;flex-wrap:wrap;width:100%}.compare-controls select{flex:1;font-size:10px}.compare-controls .text-button{margin-left:0;font-size:9px}.error-banner{font-size:11px;gap:12px}.error-banner>.quiet-button{white-space:nowrap}dialog{padding:26px 21px}dialog h2{font-size:26px}.toast{font-size:11px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Keep the primary action beside the instrument, visible before scrolling. */
.landscape-panel>.transport{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.comparison-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 12px}.comparison-scores>div{display:flex;align-items:baseline;gap:9px;padding:7px 0;border-bottom:1px solid var(--line)}.comparison-scores span{font:8px var(--mono);color:var(--muted);letter-spacing:.5px}.comparison-scores b{font:19px var(--mono);color:var(--text)}.comparison-scores small{font:8px var(--mono);color:var(--muted);margin-left:auto}.comparison-scores>div:last-child b{color:var(--purple)}
@media(min-width:1001px){.landscape-figure>canvas{aspect-ratio:1.58}.landscapes.comparing .landscape-figure>canvas{aspect-ratio:.92}.intro{padding-top:26px;padding-bottom:24px}.intro h1{font-size:43px}.intro>.eyebrow{font-size:9px}}
@media(min-width:1550px){.landscape-figure>canvas{aspect-ratio:1.68}.landscapes.comparing .landscape-figure>canvas{aspect-ratio:1.02}}
@media(max-width:720px){.comparison-scores>div{gap:5px;flex-wrap:wrap}.comparison-scores span{font-size:7px}.comparison-scores b{font-size:17px}.comparison-scores small{font-size:7px;margin-left:0}.landscape-panel>.transport{padding-bottom:11px;margin-bottom:12px}.intro h1{font-size:36px}}

/* Focus mode frames the full experiment and its measured outcomes on a laptop. */
.workspace-actions{display:flex;align-items:center;gap:8px}.stage-readouts{display:none}.focus-lab .intro{display:none}.focus-lab .site-header{height:56px}.focus-lab .tour-banner{min-height:50px;margin-top:12px;padding:9px 14px;gap:12px}.focus-lab .tour-mark{width:29px;height:31px;font-size:13px}.focus-lab .tour-copy .eyebrow{font-size:7px;margin-bottom:0}.focus-lab .tour-copy h2{font-size:12px}.focus-lab .tour-copy p{font-size:10px;margin-left:10px}.focus-lab .tour-banner .text-button{font-size:10px}.focus-lab .tour-progress{margin:0 10px}.focus-lab .workspace-heading{margin:12px 0 11px}.focus-lab .compare-controls{padding:8px 12px;margin-bottom:11px;min-height:40px}.focus-lab .compare-controls>p>span{display:none}.focus-lab .compare-controls>p{font-size:10px}.focus-lab .compare-controls label{font-size:10px}.focus-lab .compare-controls select{min-height:28px;font-size:10px}.focus-lab .panel-top{min-height:31px;margin-bottom:8px}.focus-lab .panel-top h2{font-size:17px;margin-top:3px}.focus-lab .landscape-panel>.transport{padding-bottom:9px;margin-bottom:9px}.focus-lab .transport .primary-button{padding:8px 12px;font-size:11px}.focus-lab .transport .epoch-readout>b{font-size:20px}.focus-lab .landscape-figure>canvas,.focus-lab .landscapes.comparing .landscape-figure>canvas{height:clamp(220px,calc(100dvh - 360px),470px);aspect-ratio:auto}.focus-lab:has(.landscapes.comparing) .landscape-figure>canvas{height:clamp(210px,calc(100dvh - 420px),430px)}.focus-lab .stage-readouts{display:flex;gap:12px;padding:10px 0 8px;border-bottom:1px solid var(--line)}.stage-model{display:flex;flex:1;gap:24px;min-width:0;align-items:center}.stage-stat{display:flex;flex:1;align-items:baseline;gap:8px;flex-wrap:wrap}.stage-stat>span{font-size:10px;color:var(--muted)}.stage-stat>b{font:21px/1.1 var(--mono);font-weight:400;color:var(--teal)}.stage-stat.validation>b{color:var(--apricot)}.stage-stat>small{font:11px var(--mono);color:var(--muted);white-space:nowrap}.stage-model-label{color:var(--purple);font:11px var(--mono);padding-right:5px}.stage-model:has(.stage-model-label){gap:9px}.stage-model:has(.stage-model-label) .stage-stat{gap:3px 5px}.stage-model:has(.stage-model-label) .stage-stat>b{font-size:17px}.stage-model:has(.stage-model-label) .stage-stat>span{font-size:10px}.stage-model:has(.stage-model-label) .stage-stat>small{font-size:10px;width:100%}.focus-lab .comparison-scores{display:none}.focus-lab .color-key{margin-top:8px;margin-bottom:8px}.focus-lab .canvas-tools{padding-top:8px}.focus-lab .controls .dataset-story{font-size:10px;min-height:0;margin:9px 0}.focus-lab .control-rule{margin:12px 0}.focus-lab .inspector-intro{font-size:10px;margin:6px 0 10px}.focus-lab #neuronCanvas{height:92px}.focus-lab .neuron-layers{gap:8px;margin-bottom:10px}.focus-lab .point-inspector{margin-top:12px;padding-top:9px}.focus-lab .inspector-title>h2{font-size:16px}.focus-lab .controls,.focus-lab .inspector{max-height:calc(100dvh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334450 transparent}.focus-lab:has(.landscapes.comparing) .controls,.focus-lab:has(.landscapes.comparing) .inspector{max-height:calc(100dvh - 240px)}
@media(min-width:1001px) and (max-width:1350px){.focus-lab .lab-grid{grid-template-columns:178px minmax(300px,1fr) 220px;gap:19px}.focus-lab .controls{padding-right:17px}.focus-lab .inspector{padding-left:17px}.focus-lab .tour-copy p{display:inline}.focus-lab .stage-model:has(.stage-model-label) .stage-stat>b{font-size:16px}}
@media(max-width:1000px){.focus-lab .controls{max-height:none;overflow:visible}.focus-lab .inspector,.focus-lab:has(.landscapes.comparing) .inspector{max-height:none;overflow:visible}.focus-lab .stage-stat{gap:5px}.focus-lab .stage-stat>b{font-size:18px}.focus-lab .stage-stat>small{width:100%}.focus-lab .tour-copy p{display:block;margin-left:0}.focus-lab .tour-banner{min-height:60px}.focus-lab .landscape-figure>canvas{height:clamp(260px,calc(100dvh - 380px),470px)}}
@media(max-width:720px){.workspace-actions{gap:5px}#focusButton{font-size:8px;white-space:nowrap;padding:6px}.focus-lab .tour-banner{padding:9px 11px;gap:7px 10px}.focus-lab .tour-banner .text-button{margin-left:39px;font-size:10px;padding-top:3px}.focus-lab .tour-copy h2{font-size:12px}.focus-lab .tour-copy p{font-size:10px}.focus-lab .stage-model{gap:12px}.focus-lab .stage-stat>span{font-size:10px}.focus-lab .stage-stat>b{font-size:20px}.focus-lab .controls,.focus-lab:has(.landscapes.comparing) .controls{max-height:none;overflow:visible}.focus-lab .stage-readouts:has(.stage-model-label){flex-direction:column}.focus-lab .stage-model:has(.stage-model-label){gap:12px}.focus-lab .stage-model:has(.stage-model-label) .stage-stat>small{width:auto}.focus-lab .stage-model:has(.stage-model-label) .stage-stat>b{font-size:17px}.focus-lab .landscapes.comparing .landscape-figure>canvas{height:285px}}

.focus-lab .trace-scroll{max-height:none;overflow:visible}.trace-scroll thead th{position:sticky;top:0;z-index:1;background:#111820}