:root{--ink:#273338;--muted:#778278;--rule:#dce2d7;--paper:#f9faf6;--accent:#813d46;--q:#668eac;--k:#b38076;--v:#759482}*{box-sizing:border-box}body{margin:0;border-top:4px solid var(--accent);background:var(--paper);color:var(--ink);font:13px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{background:white;border:1px solid var(--rule);padding:8px 12px;cursor:pointer}button:hover{background:#edf0e8}button:disabled{opacity:.38;cursor:not-allowed}button.active{color:var(--accent);background:#f0e6df;border-color:#cbb0a4}button.primary{background:var(--ink);color:white;border-color:var(--ink)}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}header{display:flex;align-items:center;gap:24px;height:76px;margin:0 28px;border-bottom:1px solid var(--rule)}.brand{font:43px Georgia,serif;letter-spacing:-3px;text-decoration:none}.brand span,h1 span{color:var(--accent)}.publication{border-left:1px solid var(--rule);padding-left:22px;font:8px/1.9 'IBM Plex Mono',monospace;letter-spacing:.8px;color:var(--muted)}header nav{margin-left:auto;display:flex;gap:14px}header nav button{border:0;background:none;font-size:11px}main{max-width:1900px;margin:auto;padding:0 28px}.intro{display:flex;gap:40px;align-items:center;padding:24px 0}.eyebrow{font:9px 'IBM Plex Mono',monospace;color:var(--accent);letter-spacing:1px}h1{font:49px/1.1 'Libre Caslon Display',Georgia,serif;margin:9px 0 0;letter-spacing:-1px}.intro p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:22px}.mode-tabs{margin-left:auto;align-self:flex-end;display:flex}.mode-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 20px}.mode-tabs button.active{border-color:var(--accent);color:var(--accent)}.control-panel{border:1px solid var(--rule);background:white}#prompt-form{display:flex;align-items:center;gap:16px;padding:12px 16px}#prompt-form label{font:9px 'IBM Plex Mono',monospace;color:var(--muted)}#prompt{flex:1;min-width:80px;border:0;border-bottom:1px solid var(--rule);padding:7px 0;font-size:15px}#prompt-form button{font-size:11px;white-space:nowrap}.run-status{display:flex;align-items:center;gap:18px;padding:8px 16px;border-top:1px solid #eef0e9;font:10px 'IBM Plex Mono',monospace;color:var(--muted)}.run-status button{margin-left:auto;padding:4px;border:0;font-size:10px}#prediction{color:var(--accent)}#training-controls{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--rule);background:#f4f4ed}#training-controls label{font:9px 'IBM Plex Mono',monospace;color:var(--muted)}select{border:1px solid var(--rule);background:white;padding:6px}#training-controls input{width:72px;border:1px solid var(--rule);padding:6px}#training-controls button{font-size:11px}#abort{color:var(--accent)}#loss-stat{margin-left:auto;font:11px 'IBM Plex Mono',monospace}#dataset-panel{display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid var(--rule);border-top:0;background:white}.dataset-source{padding:22px;border-right:1px solid var(--rule)}h2{font-weight:400}.dataset-source h2{font:28px 'Libre Caslon Display',Georgia,serif;margin:12px 0}.dataset-source textarea{resize:vertical;width:100%;border:1px solid var(--rule);padding:12px;font:11px/1.8 'IBM Plex Mono',monospace}.dataset-source>div{display:flex;align-items:center;gap:10px;margin-top:10px}.dataset-source label{font:8px 'IBM Plex Mono',monospace}.dataset-source button{font-size:10px}.dataset-source p{font-size:11px;line-height:1.8;color:var(--muted)}.dataset-windows{padding:22px;min-width:0}.dataset-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}#dataset-count{font-size:10px;color:var(--muted)}#windows{max-height:365px;overflow:auto}.window-row{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px 0;border-top:1px solid #e6e9e0}.window-row.active{background:#f3e9e3}.window-row>span{font:9px/1.7 'IBM Plex Mono',monospace;color:var(--muted)}.window-tokens{display:flex;gap:4px;flex-wrap:wrap;font:9px 'IBM Plex Mono',monospace}.window-tokens b{font-weight:400;min-width:40px;color:var(--muted)}.window-tokens span{padding:3px 4px;border:1px solid #e3e7dd}.window-tokens .pad{opacity:.45}.pass-bar{display:flex;align-items:center;gap:20px;padding:16px 0}.pass-bar label{font:9px 'IBM Plex Mono',monospace;color:var(--muted)}.pass-bar select{max-width:280px;font:10px 'IBM Plex Mono',monospace;margin-left:8px}#version{font:9px 'IBM Plex Mono',monospace;color:var(--muted)}.pass-tabs{margin-left:auto;display:flex}.pass-tabs button{font-size:11px;padding:8px 13px}.world-shell{display:flex;border:1px solid var(--rule);background:#f7f8f3}.layer-rail{width:82px;flex-shrink:0;padding:16px 10px;border-right:1px solid var(--rule);background:#fcfcf8}.layer-rail .eyebrow{font-size:8px}.layer-rail>span:last-child{display:block;font:8px/1.8 'IBM Plex Mono',monospace;color:var(--muted);margin-top:18px}#layers{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:14px}#layers button{padding:7px 0;font:10px 'IBM Plex Mono',monospace;background:none}#layers button.selected{background:var(--accent);color:white;border-color:var(--accent)}.world-main{flex:1;min-width:0}.world-toolbar{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--rule);font-size:11px}.world-toolbar>div{display:flex;align-items:center;gap:8px}#world-subtitle{color:var(--muted)}.world-toolbar label{font:8px 'IBM Plex Mono',monospace;margin-right:12px}.world-toolbar select{font-size:10px;padding:4px}.world-toolbar button{font-size:10px;padding:5px 8px;background:none}#world{height:610px;position:relative;overflow:hidden;touch-action:none}#world canvas{display:block;width:100%;height:100%}.world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.node-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#f9faf5e8;border:0;padding:3px 5px;font:9px 'IBM Plex Mono',monospace;white-space:nowrap;line-height:1.4;color:#526454}.node-label::after{content:attr(data-shape);display:block;font-size:7px;color:#8a9689}.node-label.selected{color:var(--accent);background:#efdfd3}.node-label.layer-label{font-size:10px;color:var(--accent)}.tower-title{font-size:8px;letter-spacing:1px}.world-tooltip{position:absolute;pointer-events:none;z-index:3;padding:9px 12px;background:var(--ink);color:white;font:10px 'IBM Plex Mono',monospace;max-width:220px;line-height:1.7}.world-footer{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--rule);font:8px 'IBM Plex Mono',monospace;color:var(--muted)}.world-footer i{display:inline-block;width:5px;height:5px;margin-left:7px}.q{background:var(--q)}.k{background:var(--k)}.v{background:var(--v)}.a{background:#82738f}.world-footer button{border:0;background:none;font-size:9px;padding:0}.token-strip{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--rule);padding:14px 0}#tokens{display:flex;gap:5px;flex-wrap:wrap}#tokens button{padding:7px 9px;font:11px 'IBM Plex Mono',monospace}#tokens button.selected{background:var(--accent);color:white;border-color:var(--accent)}#tokens small{font-size:8px;opacity:.6;margin-left:6px}#unknown-note{font-size:10px;color:var(--accent);margin-left:auto}#guide-panel{position:relative;background:#f1e9df;border:1px solid #cbb49e;padding:18px 22px;margin-top:16px}#guide-panel h2{font:29px 'Libre Caslon Display',Georgia,serif;margin:10px 0}#guide-panel p{max-width:800px;font-size:12px;line-height:1.8}#guide-panel button{font-size:11px}.inspector{margin-top:26px;border-top:1px solid var(--ink)}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}.inspector-header h2{font:34px 'Libre Caslon Display',Georgia,serif;margin:8px 0 0}.inspector-header>div:last-child{display:flex;gap:5px;align-items:center}.inspector-header select{max-width:300px;font-size:11px}.inspector-header button{font-size:11px}#operation-context{font:11px/1.8 'IBM Plex Mono',monospace;color:var(--muted);padding-bottom:14px}.matrix-equation{display:flex;gap:14px;align-items:center;overflow:auto;padding:20px;background:white;border:1px solid var(--rule)}.matrix-card{min-width:140px;max-width:42%;flex:1;align-self:stretch;display:flex;flex-direction:column}.matrix-name{font:11px 'IBM Plex Mono',monospace;display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;color:var(--ink)}.matrix-name span{font-size:9px;color:var(--muted);white-space:nowrap}.matrix-scroll{overflow:auto;max-height:355px;border-left:2px solid #9aa591;border-right:2px solid #9aa591;padding:4px;flex:1}.matrix-table{border-collapse:separate;border-spacing:3px;font:10px 'IBM Plex Mono',monospace}.matrix-table th{font-weight:400;color:#839080;font-size:8px;padding:3px;white-space:nowrap}.matrix-table td{padding:0}.matrix-table button{padding:7px 4px;font:10px 'IBM Plex Mono',monospace;border:1px solid transparent;min-width:48px;background:#f0f4ed}.matrix-table button.negative{background:#f5efea}.matrix-table button.row-highlight{background:#dce7ed;border-color:#a8bfcd}.matrix-table button.col-highlight{background:#eedfd7;border-color:#d3b5a5}.matrix-table button.cell-selected{background:var(--accent);color:white;border-color:var(--accent)}.matrix-table button:hover{border-color:var(--accent)}.operator-symbol{font:30px Georgia,serif;color:var(--muted);flex-shrink:0}.matrix-note{font-size:9px;line-height:1.7;color:var(--muted);padding-top:10px}.cell-detail{background:white;border:1px solid var(--rule);border-top:0;padding:22px}.cell-detail h3{font:25px 'Libre Caslon Display',Georgia,serif;margin:0 0 14px}.cell-detail p{font-size:11px;line-height:1.8;color:var(--muted)}.dot-products{display:flex;align-items:center;gap:9px;overflow:auto;padding:10px 0}.product-term{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:80px;font:11px 'IBM Plex Mono',monospace}.product-term>span{font-size:8px;color:var(--muted)}.product-term b{font-weight:400}.product-term .operand-a{background:#dce7ed;padding:6px}.product-term .operand-b{background:#eedfd7;padding:6px}.product-term .product{border-top:1px solid #a9b3a3;padding-top:7px}.dot-result{font:17px 'IBM Plex Mono',monospace;color:var(--accent);white-space:nowrap}.scalar-formula{font:17px/2 Georgia,serif;overflow-wrap:anywhere}.gradient-note{font:11px/1.8 'IBM Plex Mono',monospace;padding:14px;background:#f2eee7;border:1px solid #e2d5c7}.update-select{display:flex;gap:20px;align-items:center;padding:14px 0;font-size:11px}.update-select select{max-width:320px}.loss-summary{display:flex;gap:30px;padding:22px 0;align-items:center}.loss-summary strong{font:34px 'Libre Caslon Display',Georgia,serif}.loss-summary span{font:10px 'IBM Plex Mono',monospace;color:var(--muted)}.loss-table{border-collapse:collapse;width:100%;background:white;font:11px 'IBM Plex Mono',monospace}.loss-table th,.loss-table td{text-align:left;padding:10px;border-bottom:1px solid var(--rule)}.loss-table th{font-weight:400;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:8px/1.8 'IBM Plex Mono',monospace;color:var(--muted)}dialog{max-width:580px;padding:30px;background:var(--paper);color:var(--ink);border:1px solid var(--rule)}dialog::backdrop{background:#20323860}dialog>button{float:right}dialog h2{font:36px 'Libre Caslon Display',Georgia,serif}dialog p{font-size:12px;line-height:1.9}@media(max-width:1000px){.intro p{display:none}.pass-bar{flex-wrap:wrap;gap:10px}.world-toolbar>div{gap:3px}#world-subtitle{display:none}.world-footer>span:nth-child(2){display:none}.inspector-header{flex-wrap:wrap}.matrix-equation{gap:8px;padding:12px}.matrix-card{min-width:220px}#training-controls{flex-wrap:wrap}#loss-stat{margin-left:0}}@media(max-width:700px){header{margin:0 14px;gap:12px;height:66px}.brand{font-size:37px}.publication{display:none}header nav{gap:3px}main{padding:0 12px}.intro{flex-wrap:wrap;gap:16px;padding:20px 0}h1{font-size:41px}.mode-tabs{margin-left:0}.mode-tabs button{padding:8px 14px}#prompt-form{flex-wrap:wrap;gap:10px;padding:12px}#prompt{flex-basis:75%}.run-status{flex-wrap:wrap;gap:8px;padding:10px}.pass-tabs{margin-left:0;width:100%}.pass-bar select{max-width:220px}#version{font-size:8px}.layer-rail{width:54px;padding:14px 5px}#layers{grid-template-columns:1fr;max-height:450px;overflow:auto}.layer-rail>span:last-child{display:none}.world-toolbar{flex-wrap:wrap;gap:10px;padding:10px}.world-toolbar>div{flex-wrap:wrap}#world{height:540px}.world-toolbar button{font-size:9px;padding:4px}.world-toolbar label{margin-right:2px}.world-footer{padding:8px;flex-wrap:wrap;gap:8px}.token-strip{flex-wrap:wrap;gap:10px}#dataset-panel{grid-template-columns:1fr}.dataset-source{border-right:0;border-bottom:1px solid var(--rule)}.dataset-windows{padding:15px}.inspector-header h2{font-size:28px}.inspector-header select{max-width:175px}.inspector-header button{padding:7px}.inspector-header>div:last-child{flex-wrap:wrap}.matrix-card{min-width:230px}.cell-detail{padding:16px}.loss-table{font-size:9px}.loss-table th,.loss-table td{padding:7px}.loss-summary{flex-wrap:wrap;gap:12px}.window-row{grid-template-columns:55px 1fr}.node-label{font-size:8px}footer{flex-wrap:wrap}.operator-symbol{font-size:25px}}
.matrix-table{border-spacing:2px}.matrix-table button{min-width:36px;padding:7px 2px;font-size:9px}.bridge-label{font-size:8px;color:#813d46;background:#f4e9e0}.detail-matrices{display:flex;gap:18px;align-items:center;overflow:auto;padding:12px 0}.mini-matrix{border-left:2px solid #879482;border-right:2px solid #879482;padding:5px;border-spacing:4px;font:11px 'IBM Plex Mono',monospace}.mini-matrix td{padding:7px;background:#eef2e9;text-align:right;white-space:nowrap}.mini-caption{font:9px 'IBM Plex Mono',monospace;color:#798575;margin-bottom:10px}.expanded-table{border-collapse:collapse;font:10px 'IBM Plex Mono',monospace;width:100%}.expanded-table th,.expanded-table td{padding:9px;border-bottom:1px solid var(--rule);text-align:right}.expanded-table th{font-weight:400;color:var(--muted)}.expanded-table tr.selected{background:#f3e3da}
#selected-readout{position:absolute;left:16px;bottom:14px;z-index:2;display:flex;flex-direction:column;gap:7px;padding:12px 14px;border:1px solid #d3c1b5;background:#fffdf8ec;max-width:230px;font:10px 'IBM Plex Mono',monospace}#selected-readout b{font-weight:400;color:var(--accent)}#selected-readout button{border:0;border-top:1px solid var(--rule);background:none;padding:6px 0 0;font-size:9px;text-align:left}
@media(max-width:700px){.matrix-equation{flex-direction:column;align-items:stretch;overflow:visible}.matrix-card{width:100%;max-width:100%;min-width:0}.matrix-scroll{max-height:330px}.matrix-equation>.operator-symbol{text-align:center;padding:4px}.matrix-note::after{content:' Swipe within a matrix to see additional columns.'}.node-label{font-size:9px}.dot-products{padding-bottom:14px}}