:root{--bg:#f7f7f5;--panel:#fff;--ink:#1d1d1f;--muted:#6b6b70;--line:#e2e2df;--accent:#3b5bdb;--cell:#fff;--pos:#d9480f;--neg:#1c7ed6;--masked:repeating-linear-gradient(45deg, #ececec 0 4px, #f8f8f8 4px 8px);--sel:#f59f00;--error:#c92a2a;--on-accent:#fff;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#8a5cd6;--warn:#b35c00;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141416;--panel:#1c1c1f;--ink:#ececef;--muted:#9a9aa2;--line:#2e2e33;--accent:#748ffc;--cell:#1c1c1f;--pos:#ff8745;--neg:#4dabf7;--masked:repeating-linear-gradient(45deg, #26262a 0 4px, #1f1f22 4px 8px);--on-accent:#0b0b0d;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#9b70e0;--warn:#f0a050}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--sans);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}h1,h2,h3{margin:0;font-weight:600}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px}.dim{color:var(--muted);font-size:12px}.symbol{font-family:var(--mono);font-weight:600}.app{flex-direction:column;height:100vh;display:flex}.top{border-bottom:1px solid var(--line);background:var(--panel);align-items:baseline;gap:24px;padding:12px 20px;display:flex}.top h1{letter-spacing:-.01em;font-size:18px}.tabs{color:var(--muted);gap:16px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0}.tabs button:hover{color:var(--ink)}.tabs .on{color:var(--ink);border-bottom-color:var(--accent)}.prompt-bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:end;gap:16px;padding:14px 20px;display:flex}.prompt-bar label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.prompt-bar .prompt{flex:320px;position:relative}.prompt-bar input{border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:7px 10px;font-size:14px}.prompt-bar .prompt input{font-family:var(--mono)}.prompt-bar .count{font-size:11px;position:absolute;bottom:9px;right:8px}.prompt-bar .count.over{color:var(--error);font-weight:600}.prompt-bar .temp input{width:140px;padding:0}.prompt-bar .seed input{width:80px}.actions{gap:8px;display:flex}.actions button,.reset button{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:7px 14px}.actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}.error{background:color-mix(in oklab, var(--error) 12%, var(--panel));color:var(--error);margin:0;padding:8px 20px}.workspace{flex:1;grid-template-columns:240px minmax(0,1fr);min-height:0;display:grid}.left{border-right:1px solid var(--line);flex-direction:column;gap:24px;padding:16px;display:flex;overflow-y:auto}.pipeline ol{margin:8px 0 0;padding:0;list-style:none}.pipeline button{text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;width:100%;padding:5px 8px;display:flex}.pipeline .dot{border:1.5px solid var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.pipeline .completed .dot{background:var(--muted)}.pipeline .current{background:color-mix(in oklab, var(--accent) 14%, transparent);font-weight:600}.pipeline .current .dot{background:var(--accent);border-color:var(--accent)}.pipeline .completed:hover{background:color-mix(in oklab, var(--ink) 6%, transparent)}.model-status dl{grid-template-columns:auto minmax(0,1fr);gap:3px 12px;margin:8px 0 12px;font-size:13px;display:grid}.model-status dt{color:var(--muted)}.model-status dd{text-align:right;font-family:var(--mono);overflow-wrap:anywhere;margin:0}.reset{flex-wrap:wrap;gap:6px;display:flex}.reset button{white-space:nowrap;flex:1}.reset input{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:64px;padding:6px}.reset select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px;padding:6px}.arch{margin:10px 0 8px}.arch summary{cursor:pointer;color:var(--muted);font-size:13px}.arch summary em{color:var(--sel);font-style:normal}.arch-grid{grid-template-columns:1fr;gap:6px;margin-top:8px;display:grid}.field{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.field select,.field input[type=number]{border:1px solid var(--line);background:var(--bg);width:110px;color:var(--ink);border-radius:6px;padding:4px 6px}.stage{padding:16px 24px 32px;overflow:auto}.stage-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.stage-head h2{text-transform:none;letter-spacing:-.01em;color:var(--ink);font-size:20px}.stage-head em{color:var(--sel);font-style:normal}.answer{font-family:var(--mono);margin-left:auto}.index-picker{font-family:var(--mono);align-items:baseline;gap:4px;display:inline-flex}.index-picker button{border:1px solid var(--line);background:var(--panel);min-width:28px;color:var(--muted);border-radius:6px;padding:2px 8px}.index-picker button.on{border-color:var(--accent);color:var(--ink);background:color-mix(in oklab, var(--accent) 12%, transparent);font-weight:600}.empty{text-align:center;max-width:620px;margin:80px auto}.event{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:14px;padding:14px 16px}.event>header{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.event .step{font-family:var(--mono);color:var(--muted);font-size:11px}.event h3{text-transform:capitalize;font-size:14px}.eq{font-family:var(--mono);color:var(--muted);font-size:12px}.inputs{margin-top:10px}.inputs summary{cursor:pointer;color:var(--muted);font-size:12px}.viewer{margin:0 0 12px}.viewer figcaption{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.toggle{border:1px solid var(--line);border-radius:5px;margin-left:auto;display:inline-flex;overflow:hidden}.toggle button{color:var(--muted);background:0 0;border:0;padding:2px 8px;font-size:11px}.toggle button.on{background:color-mix(in oklab, var(--ink) 8%, transparent);color:var(--ink)}.matrix-scroll{overflow-x:auto}.matrix{border-collapse:collapse;font-family:var(--mono);font-size:11px}.matrix th{color:var(--muted);white-space:nowrap;padding:2px 6px;font-weight:500}.matrix tbody th{text-align:right}.matrix td{padding:1px}.matrix .cell{background:var(--cell);text-align:right;min-width:52px;font:inherit;border:1px solid #0000;border-radius:3px;padding:4px 5px;display:block}.matrix.grid .cell{border-color:var(--line)}.matrix .cell.masked{background:var(--masked);color:var(--muted)}.matrix .cell:hover{outline:1px solid var(--ink)}.cell.sel,.num.sel,.bar-row.sel{outline:2px solid var(--sel)!important}.vector-numeric{flex-wrap:wrap;gap:4px;display:flex}.num{border:1px solid var(--line);background:var(--cell);min-width:58px;font-family:var(--mono);border-radius:4px;flex-direction:column;align-items:flex-end;padding:4px 6px;font-size:12px;display:inline-flex}.num .lbl{color:var(--muted);font-size:10px}.vector-bars{gap:1px;max-width:560px;display:grid}.bar-row{font-family:var(--mono);background:0 0;border:0;border-radius:3px;grid-template-columns:70px 1fr 70px;align-items:center;gap:8px;padding:1px 4px;font-size:11px;display:grid}.bar-row:hover{background:color-mix(in oklab, var(--ink) 5%, transparent)}.bar-row .lbl{text-align:right;color:var(--muted);text-overflow:ellipsis;overflow:hidden}.bar-row .val{text-align:right}.track{background:linear-gradient(var(--line), var(--line)) center / 1px 100% no-repeat;border-left:0;height:12px;position:relative}.bar{border-radius:2px;position:absolute;top:2px;bottom:2px}.bar.pos{background:var(--pos)}.bar.neg{background:var(--neg)}.tensor{gap:4px;display:grid}.scalar{font-family:var(--mono)}.raw{max-height:240px;font-size:11px;overflow:auto}.tokens{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tokens li{border:1px solid var(--line);background:var(--bg);border-radius:6px;flex-direction:column;align-items:center;padding:8px 12px;display:flex}.tokens .pos{color:var(--muted);font-size:10px}.tokens .tok{font-family:var(--mono);font-size:16px;font-weight:600}.tokens .id{color:var(--muted);font-size:11px;font-family:var(--mono)}.tokens .unk{border-color:var(--error)}.facts{grid-template-columns:max-content auto;gap:4px 16px;margin:0;font-size:13px;display:grid}.facts dt{color:var(--muted)}.facts dd{font-family:var(--mono);margin:0}.big{font-size:18px;font-weight:600}.selected-token{align-items:baseline;gap:12px;margin:0;display:flex}.tok.big{font-family:var(--mono);border:2px solid var(--accent);border-radius:8px;padding:4px 14px;font-size:28px}.inspector{border-top:1px solid var(--line);background:var(--panel);min-height:96px;padding:12px 20px 16px}.inspector h2{margin-bottom:8px}.inspector .facts{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.inspector .facts dd{margin-right:28px}.hint{color:var(--muted);margin:0}.attn-grid{align-items:stretch;gap:3px;width:max-content;display:grid}.attn-grid .corner{color:var(--muted);white-space:nowrap;align-self:end;padding:0 8px 4px 0;font-size:10px}.col-head,.row-head{font-family:var(--mono);flex-direction:column;font-size:13px;font-weight:600;display:flex}.col-head{justify-content:end;align-items:center;padding-bottom:4px}.row-head{justify-content:center;align-items:end;padding-right:8px}.col-head small,.row-head small{color:var(--muted);font-size:10px;font-weight:400}.attn-cell{aspect-ratio:1;border:1px solid var(--line);font-family:var(--mono);background:color-mix(in oklab, var(--accent) calc(var(--p,0) * 100%), var(--cell));color:var(--ink);border-radius:4px;font-size:12px}.attn-cell:not(.future):hover{outline:2px solid var(--ink)}.attn-cell.future{background:var(--masked)}.heads{flex-wrap:wrap;gap:12px;display:flex}.head-card{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.head-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.head-title{font-family:var(--mono);font-size:12px}.mini-attn{aspect-ratio:1;gap:1px;width:132px;display:grid}.mini-cell{background:color-mix(in oklab, var(--accent) calc(var(--p,0) * 100%), var(--cell))}.mini-cell.future{background:var(--masked)}.attn-cell.strong{color:var(--on-accent)}.row-entropy{font-family:var(--mono);white-space:nowrap;align-self:center;padding-left:10px;font-size:12px}.row-entropy small,.entropy-head small{color:var(--muted)}.entropy-head{padding-left:10px}.attn-cell.sel{outline-offset:1px;outline:3px solid var(--sel)!important}.inspector.expanded{max-height:46vh;overflow-y:auto}.attn-title{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.tok-chip{border:1px solid var(--accent);font-family:var(--mono);border-radius:6px;flex-direction:column;padding:4px 12px;font-size:16px;font-weight:600;display:inline-flex}.tok-chip small{color:var(--muted);font-size:10px;font-weight:400;font-family:var(--sans)}.attn-title .arrow{color:var(--muted)}.chips{gap:6px;margin-left:auto;display:flex}.chips button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:3px 10px;font-size:12px}.chips button.on{border-color:var(--accent);color:var(--ink);background:color-mix(in oklab, var(--accent) 12%, transparent)}.attn-body{flex-direction:column;gap:10px;display:flex}.attn-body h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 4px;font-size:11px}.calc{font-family:var(--mono);margin:2px 0;font-size:13px}.calc.vec{white-space:nowrap;overflow-x:auto}.masked-note p{margin:4px 0}.arith-cols{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.dot-table{border-collapse:collapse;font-family:var(--mono);font-size:12px}.dot-table th{color:var(--muted);text-align:right;padding:2px 8px;font-weight:500}.dot-table td{text-align:right;padding:1px 8px}.dot-table td.dim{color:var(--muted)}.dot-table td.op{color:var(--muted);padding:1px 0}.dot-table tfoot td{border-top:1px solid var(--line);padding-top:4px}.dot-table .contrib{text-align:left;width:120px}.mini-bar{border-radius:2px;height:8px;display:block}.mini-bar.pos{background:var(--pos)}.mini-bar.neg{background:var(--neg)}.steps{font-family:var(--mono);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.steps .lbl{width:72px;color:var(--muted);font-family:var(--sans);font-size:12px;display:inline-block}.steps .why{color:var(--muted);font-family:var(--sans);margin-left:72px;font-size:11px;display:block}.steps .final b{color:var(--accent);font-size:16px}.logit-list{gap:1px;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.logit-row{width:100%;font-family:var(--mono);text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:28px 80px 1fr 64px;align-items:center;gap:8px;padding:2px 6px;font-size:12px;display:grid}.logit-row:hover{background:color-mix(in oklab, var(--ink) 5%, transparent)}.logit-row .rank{color:var(--muted);text-align:right;font-size:10px}.logit-row .val{text-align:right}.logit-row.chosen .tok{color:var(--accent);font-weight:700}.logit-row.sel{outline:2px solid var(--sel)}.softmax-scroll{border:1px solid var(--line);border-radius:6px;max-height:520px;overflow-y:auto}.softmax-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12px}.softmax-table th{background:var(--panel);color:var(--muted);text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 10px;font-weight:500;position:sticky;top:0}.softmax-table th:first-child,.softmax-table td.tok{text-align:left}.softmax-table td{text-align:right;padding:3px 10px}.softmax-table tbody tr{cursor:pointer}.softmax-table tbody tr:hover{background:color-mix(in oklab, var(--ink) 5%, transparent)}.softmax-table tr.chosen td.tok{color:var(--accent);font-weight:700}.softmax-table tr.sel{outline:2px solid var(--sel);outline-offset:-2px}.softmax-table .pcol{text-align:left;width:34%;position:relative}.pbar{background:color-mix(in oklab, var(--accent) 35%, transparent);border-radius:2px;max-width:calc(100% - 20px);position:absolute;top:4px;bottom:4px;left:10px}.pval{padding-left:6px;position:relative}.strip{border:1px solid var(--line);background:var(--bg);border-radius:4px;height:40px;margin-top:26px;position:relative}.strip.zoom{height:48px}.seg{background:color-mix(in oklab, var(--ink) 7%, var(--cell));border-right:1px solid var(--line);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.seg.odd{background:color-mix(in oklab, var(--ink) 14%, var(--cell))}.seg.chosen{background:var(--accent);color:var(--on-accent);z-index:1}.seg-label{font-family:var(--mono);white-space:nowrap;padding:0 2px;font-size:11px}.draw{border-left:2px solid var(--sel);z-index:2;pointer-events:none;width:0;position:absolute;top:-6px;bottom:-6px}.draw span{white-space:nowrap;font-family:var(--mono);color:var(--sel);padding-bottom:2px;font-size:11px;font-weight:700;position:absolute;bottom:100%;transform:translate(-50%)}.axis{font-family:var(--mono);color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.zoom-note{margin:14px 0 0}.sample-facts{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-top:18px;display:flex}.sample-facts .primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:9px 18px;font-weight:600}.sample-facts .primary small{opacity:.85;font-weight:400}.temp-summary{margin:0 0 4px;font-size:13px}.training-scroll{flex:1;overflow-y:auto}.training{flex-direction:column;gap:16px;max-width:1180px;margin:0 auto;padding:18px 24px 40px;display:flex}.train-controls{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.train-controls label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.train-controls select,.train-controls input,.panel select,.panel input{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:7px 10px;font-size:14px}.train-controls input{width:80px}.train-controls .actions button,.panel header button{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:7px 14px}.train-controls .actions .primary,.panel header .primary{background:var(--accent);border-color:var(--accent);color:#fff}.train-controls .primary small{opacity:.85}.train-controls .ghost{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:6px;margin-left:auto;padding:7px 12px}.warn{background:color-mix(in oklab, var(--warn) 14%, var(--panel));color:var(--ink);border-left:3px solid var(--warn);border-radius:6px;margin:0;padding:8px 12px}.training .error{border-radius:6px;padding:8px 12px}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.tile-label{color:var(--muted);font-size:12px}.tile-value{font-size:22px;font-weight:600}.tile-note{color:var(--muted);font-size:12px}.loss-chart{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:0;padding:14px 16px}.loss-chart.busy .chart-box{opacity:.55;transition:opacity .2s}.loss-chart figcaption{flex-wrap:wrap;align-items:baseline;gap:18px;margin-bottom:8px;display:flex}.chart-title{font-weight:600}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legend .key{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.legend small,.chart-tip small{color:var(--muted)}.line-key{border-radius:1px;width:16px;height:2px;display:inline-block}.line-key.s1{background:var(--series-1)}.line-key.s2{background:var(--series-2)}.line-key.s3{background:var(--series-3)}.dot-key{width:8px;height:8px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;margin-left:-12px;margin-right:4px;display:inline-block}.dot-key.s2{background:var(--series-2)}.dot-key.s3{background:var(--series-3)}.link{color:var(--accent);background:0 0;border:0;margin-left:auto;padding:0;font-size:12px}.chart-box{position:relative}.chart-box svg{outline:none;display:block}.chart-box svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.chart-box .grid{stroke:var(--line);stroke-width:1px}.chart-box .tick,.chart-box .axis-label{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-box .reference{stroke:var(--muted);stroke-width:1px;opacity:.6}.chart-box .ref-label{fill:var(--muted);font-size:11px}.chart-box .series{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-box .series.s1{stroke:var(--series-1)}.chart-box .series.s2{stroke:var(--series-2)}.chart-box .series.s3{stroke:var(--series-3)}.chart-box .marker{stroke:var(--panel);stroke-width:2px}.chart-box .marker.s1{fill:var(--series-1)}.chart-box .marker.s2{fill:var(--series-2)}.chart-box .marker.s3{fill:var(--series-3)}.chart-box .end-label{fill:var(--muted);font-size:12px}.chart-box .end-label .v{fill:var(--ink);font-weight:600}.chart-box .crosshair{stroke:var(--muted);stroke-width:1px}.chart-box .hit{fill:#0000;cursor:crosshair}.chart-tip{pointer-events:none;border:1px solid var(--line);background:var(--panel);border-radius:6px;min-width:190px;padding:8px 10px;font-size:12px;position:absolute;box-shadow:0 4px 14px #0000001f}.tip-head{color:var(--muted);margin-bottom:4px}.tip-row{align-items:center;gap:6px;display:flex}.tip-row b{font-variant-numeric:tabular-nums}.chart-empty{color:var(--muted);margin:24px 0}.projection{margin-top:16px}.projection figcaption .controls{color:var(--muted);align-items:center;gap:14px;margin-left:auto;font-size:12px;display:flex}.projection figcaption .controls .link{margin-left:0}.chart-box .pt{fill:var(--muted);fill-opacity:.55;stroke:var(--panel);stroke-width:2px}.chart-box .pt.on{fill:var(--accent);fill-opacity:1}.chart-box .pt.hot{fill:var(--ink);fill-opacity:1}.chart-box .pt-label{fill:var(--muted);pointer-events:none;paint-order:stroke;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round;font-size:11px}.chart-box .pt-label.on{fill:var(--ink);font-weight:600}.chart-box .stream-line{fill:none;stroke:var(--muted);stroke-opacity:.45;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-box .stream .pt{fill-opacity:.6}.chart-box .stream .pt.start{fill:var(--panel);stroke:var(--muted);stroke-width:2px}.chart-box .stream.emph .stream-line{stroke-opacity:1;stroke:var(--ink)}.chart-box .stream.emph .pt:not(.start){fill:var(--ink);fill-opacity:1}.chart-box .stream.last .stream-line{stroke:var(--accent);stroke-opacity:1}.chart-box .stream.last .pt:not(.start){fill:var(--accent);fill-opacity:1}.chart-box .stream.last .pt.start{stroke:var(--accent)}.chart-box .stream.emph .pt-label,.chart-box .stream.last .pt-label{fill:var(--ink);font-weight:600}.pt-key{background:var(--muted);opacity:.6;border-radius:50%;width:8px;height:8px;display:inline-block}.pt-key.on{background:var(--accent);opacity:1}.pt-key.hollow{border:2px solid var(--muted);background:0 0;width:6px;height:6px}.line-key.accent{background:var(--accent)}.line-key.muted{background:var(--muted);opacity:.6}.metrics{margin-top:16px}.metrics .sub{margin:16px 0 4px;font-size:13px}.metrics .small{margin:0 0 8px;font-size:12px}.focus-table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12px}.focus-table th,.focus-table td{text-align:left;border-bottom:1px solid var(--line);padding:4px 12px 4px 0}.focus-table th{color:var(--muted);font-weight:500}.focus-table .bar-col{align-items:center;gap:10px;min-width:280px;display:flex}.focus-bar{background:color-mix(in oklab, var(--line) 60%, transparent);border-radius:4px;width:180px;height:8px;display:inline-block;position:relative}.focus-bar .fill{background:var(--accent);border-radius:4px;position:absolute;inset:0 auto 0 0}.focus-bar .was{background:var(--ink);opacity:.5;width:2px;height:14px;margin-left:-1px;position:absolute;top:-3px}.cp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:10px;font-size:12px}.cp-table th,.cp-table td{text-align:right;border-bottom:1px solid var(--line);padding:3px 12px}.cp-table th{color:var(--muted);font-weight:500}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:14px 16px}.panel>header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel h3{margin-right:auto;font-size:15px}.panel header form{gap:8px;display:flex}.panel header form input{font-family:var(--mono);width:260px}.panel.step header select{max-width:420px;font-family:var(--mono);font-size:12px}.demo-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.preds h4,.step-cols h4{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:500}.step-cols h4 small{font-family:var(--mono);margin-left:6px}.preds ol,.norms{gap:4px;margin:0;padding:0;list-style:none;display:grid}.preds li,.norms li{grid-template-columns:90px 1fr 60px;align-items:center;gap:10px;font-size:13px;display:grid}.norms li{grid-template-columns:150px 1fr 70px;font-size:12px}.preds .tok,.norms .name{font-family:var(--mono)}.pbar-track{background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:2px;height:10px;overflow:hidden}.pbar-fill{background:var(--series-1);border-radius:0 3px 3px 0;height:100%;display:block}.pct{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px}.step-example{margin:0 0 10px}.step-example .tok{font-family:var(--mono);background:var(--bg);border-radius:4px;padding:2px 6px}.step-example .target{border:1px solid var(--accent)}.loss-table,.updates{border-collapse:collapse;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px}.loss-table th,.loss-table td,.updates th,.updates td{text-align:right;border-bottom:1px solid var(--line);padding:3px 12px}.loss-table thead th,.updates thead th{color:var(--muted);font-weight:500;font-family:var(--sans)}.loss-table tbody th{text-align:left;color:var(--muted);font-weight:500;font-family:var(--sans)}.updates td:first-child,.updates th:first-child{text-align:left}.step-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;margin-top:16px;display:grid}.demo-note{max-width:760px;margin:12px 0 0;font-size:12px}.updates td.meaning{text-align:left;color:var(--muted);font-family:var(--sans);white-space:nowrap}.weights-io{gap:6px;margin-top:8px;display:flex}.weights-io button{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.chart-note{color:var(--muted);margin:6px 0 0;font-size:12px}.training-hint{border:1px solid color-mix(in oklab, var(--accent) 35%, var(--line));border-left:3px solid var(--accent);background:color-mix(in oklab, var(--accent) 6%, var(--panel));text-align:left;border-radius:6px;margin:0 0 14px;padding:12px 16px;font-size:13px}.training-hint p{margin:0 0 6px}.training-hint .hint-title{margin-top:8px;font-weight:600}.training-hint ol{gap:4px;margin:0;padding-left:20px;display:grid}.training-hint .link{margin-left:4px;font-size:13px}.training-hint li.done{color:var(--muted)}.training-hint .check{color:var(--accent);font-weight:700}.model-hint{border-left:3px solid var(--accent);background:color-mix(in oklab, var(--accent) 6%, var(--panel));border-radius:4px;margin:0 0 14px;padding:8px 12px;font-size:13px}.empty .model-hint{text-align:left;margin-top:20px}.hint-line{color:var(--muted);margin:0 0 14px;font-size:12px}.data-tabs{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.data-tabs button{color:var(--muted);background:0 0;border:0;padding:6px 12px;font-size:13px}.data-tabs button+button{border-left:1px solid var(--line)}.data-tabs button.on{background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--ink);font-weight:600}.data-filter{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.data-filter input{border:1px solid var(--line);background:var(--bg);font-family:var(--mono);border-radius:6px;width:260px;padding:6px 10px;font-size:13px}.data-filter .count{margin-left:auto}.data-filter .data-help{flex:1;margin:0}.chip{border:1px solid var(--accent);font-size:12px;font-family:var(--mono);border-radius:999px;align-items:center;gap:6px;padding:2px 4px 2px 10px;display:inline-flex}.chip button{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:14px;line-height:1}.data-help{margin:0 0 8px;font-size:12px}.data-list{border:1px solid var(--line);border-radius:6px;max-height:340px;margin:0;padding:0;list-style:none;overflow-y:auto}.data-list button{text-align:left;background:0 0;border:0;align-items:baseline;gap:12px;width:100%;padding:4px 10px;font-size:13px;display:flex}.data-list li+li button{border-top:1px solid color-mix(in oklab, var(--line) 60%, transparent)}.data-list button:hover{background:color-mix(in oklab, var(--ink) 5%, transparent)}.data-list .text{font-family:var(--mono);flex:1}.sid{font-family:var(--mono);color:var(--muted);text-align:right;min-width:34px;font-size:11px}.data-list-scroll{border:1px solid var(--line);border-radius:6px;max-height:340px;overflow-y:auto}.examples-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:13px}.examples-table th{background:var(--panel);text-align:left;font-family:var(--sans);color:var(--muted);border-bottom:1px solid var(--line);padding:6px 10px;font-size:12px;font-weight:500;position:sticky;top:0}.examples-table td{padding:3px 10px}.examples-table tbody tr{cursor:pointer}.examples-table tbody tr:hover{background:color-mix(in oklab, var(--ink) 5%, transparent)}.examples-table tr.sel{outline:2px solid var(--sel);outline-offset:-2px}.examples-table .input,.examples-table .sid{white-space:nowrap;width:1%}.examples-table .arrow{color:var(--muted);width:1%;padding:3px 4px}.examples-table .target{font-weight:600}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.vocab-grid button{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:2px 8px;width:100%;padding:6px 10px;display:grid}.vocab-grid button:not(:disabled):hover{border-color:var(--accent)}.vocab-grid button:disabled{cursor:default;opacity:1;background:var(--bg)}.vocab-grid .vid{font-family:var(--mono);color:var(--muted);font-size:11px}.vocab-grid .tok{font-family:var(--mono);font-weight:600}.vocab-grid .vcount{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.vocab-grid .vbar{background:color-mix(in oklab, var(--ink) 6%, transparent);border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.vocab-grid .vbar span{background:var(--series-1);height:100%;display:block}.vocab-grid .vnote{color:var(--muted);grid-column:1/-1;font-size:11px}.vocab-grid .unused .tok{color:var(--muted)}.learn{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;padding:18px 24px 60px;display:flex}.learn-nav{gap:18px;font-size:14px;display:flex}.learn-nav .link{margin:0;font-size:14px}.learn-section{line-height:1.55}.learn-section p{margin:0 0 10px}.learn-h{text-transform:none;letter-spacing:-.01em;color:var(--ink);margin:0 0 10px;font-size:20px}.learn-section h3{margin:14px 0 6px;font-size:14px}.term-link{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0 2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.event header .term-link,.model-status .term-link{border:1px solid color-mix(in oklab, var(--accent) 40%, var(--line));text-align:center;border-radius:50%;width:18px;height:18px;padding:0;font-size:12px;font-weight:700;line-height:15px;text-decoration:none}.mono{font-family:var(--mono)}.param-bar{margin:14px 0}.param-stack{gap:2px;height:22px;display:flex}.param-bar .pseg{flex-basis:0;min-width:2px}.param-bar .pseg:first-child{border-radius:4px 0 0 4px}.param-bar .pseg:last-child{border-radius:0 4px 4px 0}.param-bar .legend{flex-wrap:wrap;gap:18px;margin-top:8px;font-size:13px;display:flex}.param-bar .key{align-items:center;gap:6px;display:inline-flex}.swatch{vertical-align:baseline;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.g-embeddings{background:var(--series-1)}.g-attention{background:var(--series-2)}.g-mlp{background:var(--series-3)}.g-output{background:var(--series-4)}.g-norm{background:var(--series-5)}.norm-stats{border-collapse:collapse;font-family:var(--mono);margin-bottom:10px;font-size:12px}.norm-stats th,.norm-stats td{text-align:right;border-bottom:1px solid var(--line);padding:3px 10px}.norm-stats th:first-child,.norm-stats td:first-child{text-align:left}.param-table{border-collapse:collapse;width:100%;margin:8px 0 6px;font-size:13px}.param-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 10px;font-size:12px;font-weight:500}.param-table td{border-bottom:1px solid color-mix(in oklab, var(--line) 60%, transparent);vertical-align:top;padding:5px 10px}.param-table .n{text-align:right;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.param-table .subtotal td{color:var(--muted);border-bottom:1px solid var(--line);font-size:12px}.param-table tfoot td{padding-top:8px;font-size:14px}.learn-cols{grid-template-columns:1fr 1fr;gap:28px;margin-top:8px;display:grid}ul.plain{margin:0;padding-left:18px}ul.plain li{margin:2px 0}.glossary-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.glossary-head .learn-h{margin:0 auto 0 0}.glossary-head input{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:240px;padding:6px 10px}.glossary{gap:0;margin:0;display:grid}.glossary .entry{border-top:1px solid var(--line);border-radius:6px;padding:12px 10px;scroll-margin-top:12px}.glossary .entry.focused{background:color-mix(in oklab, var(--accent) 8%, transparent);outline:1px solid color-mix(in oklab, var(--accent) 40%, transparent)}.glossary dt{margin-bottom:4px;font-size:15px;font-weight:700}.glossary .aka{color:var(--muted);font-weight:400;font-family:var(--mono);font-size:13px}.glossary dd{margin:0}.glossary dd p{margin:0 0 6px}.glossary .eqn{font-family:var(--mono);background:var(--bg);border-radius:4px;padding:4px 10px;font-size:13px;display:inline-block}.glossary .label{color:var(--ink);font-weight:600}.glossary .related{font-size:13px}.active-model{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:13px}.badge{background:color-mix(in oklab, var(--accent) 14%, transparent);color:var(--ink);border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px;font-weight:500}.chart-box .edit-mark{stroke:var(--ink);stroke-width:1px;opacity:.45}tr.frozen td{color:var(--muted)}.lab{flex-direction:column;gap:16px;display:flex}.models-table{border-collapse:collapse;width:100%;font-size:13px}.models-table th,.models-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:6px 8px}.models-table th{color:var(--muted);font-size:12px;font-weight:500}.models-table .n{text-align:right}.models-table tbody tr{cursor:pointer}.models-table tbody tr:hover{background:color-mix(in oklab, var(--ink) 4%, transparent)}.models-table tr.sel{background:color-mix(in oklab, var(--accent) 8%, transparent)}.models-table .actions{justify-content:flex-end;gap:4px;display:flex}.models-table .actions button,.models-table .actions input{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:12px}.models-table .actions form{gap:4px;display:flex}.small{font-size:12px}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));column-gap:24px;margin-bottom:12px}.new-model .primary,.freeze .primary,.weight-editor .primary{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);border-radius:6px;padding:7px 14px}.new-model .primary:disabled,.freeze .primary:disabled,.weight-editor .primary:disabled{opacity:.5}.freeze-groups{flex-wrap:wrap;gap:12px;display:flex}.freeze-groups fieldset{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:3px;min-width:190px;padding:8px 12px;display:flex}.freeze-groups legend{padding:0 4px;font-size:13px;font-weight:600}.freeze-actions{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.editor-controls{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:12px;display:flex}.editor-controls label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.editor-controls select,.editor-controls input{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px;padding:5px 8px}.editor-controls form{align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.editor-controls form input{width:110px}.effect{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.preds{border:1px solid var(--line);border-radius:6px;align-items:baseline;gap:10px;padding:4px 10px;display:inline-flex}.preds small{color:var(--muted)}.compare{flex-direction:column;gap:16px;display:flex}.compare.busy .panel,.compare.busy .tiles{opacity:.6;transition:opacity .2s}.compare-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.compare-controls .pick{align-items:center;gap:6px;font-weight:600;display:inline-flex}.compare-controls select,.compare-controls input{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px;padding:5px 8px}.compare-controls form{gap:6px;margin-left:auto;display:flex}.compare-controls form input{width:220px}.compare-controls label.small{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.compare-controls label.small input[type=number]{width:64px}.swatch-a,.swatch-b{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.swatch-a{background:var(--series-1)}.swatch-b{background:var(--series-2)}.compare-heads{grid-template-columns:1fr 1fr;gap:12px;display:grid}.model-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.model-card.a{border-top:3px solid var(--series-1)}.model-card.b{border-top:3px solid var(--series-2)}.paired{border-collapse:collapse;width:100%;margin-top:8px}.paired td{border-bottom:1px solid var(--line);vertical-align:middle;padding:4px 8px}.paired .tok{width:90px}.paired .bars{width:55%}.bar-pair{flex-direction:column;gap:2px;display:flex}.cbar{border-radius:0 4px 4px 0;min-width:1px;height:8px;display:block}.cbar.a{background:var(--series-1)}.cbar.b{background:var(--series-2)}.paired .vals{color:var(--muted);white-space:nowrap}.paired .delta{text-align:right;white-space:nowrap}.compare-loss{border:0;margin-bottom:12px;padding:0}.panel>.projection{border:0;margin-top:0;padding:0}.cmp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}.cmp-table th,.cmp-table td{text-align:left;border-bottom:1px solid var(--line);padding:4px 14px 4px 0}.cmp-table th{color:var(--muted);font-weight:500}.cmp-table td.win{font-weight:600}.attn-compare{margin-bottom:14px}.attn-compare-title{color:var(--muted);margin-bottom:6px}.attn-trio{flex-wrap:wrap;gap:18px;display:flex}.mini-heat{margin:0}.mini-heat figcaption{margin-bottom:4px}.mh-grid{align-items:center;gap:2px;display:grid}.mh-col{color:var(--muted);text-align:center;font-size:10px}.mh-row{text-align:right;color:var(--muted);font-family:var(--mono);padding-right:6px}.mh-cell{background:var(--cell);border-radius:3px;width:22px;height:22px}.mini-heat.a .mh-cell{background:color-mix(in oklab, var(--series-1) calc(var(--p,0) * 100%), var(--cell))}.mini-heat.b .mh-cell{background:color-mix(in oklab, var(--series-2) calc(var(--p,0) * 100%), var(--cell))}.mini-heat.diff .mh-cell{background:color-mix(in oklab, var(--ink) calc(var(--p,0) * 100%), var(--cell))}.mh-cell.future,.mini-heat .mh-cell.future{background:var(--masked)}.pt-key.a{background:var(--series-1);opacity:1}.pt-key.b{background:var(--series-2);opacity:1}.chart-box .pt.cmp-a{fill:var(--series-1);fill-opacity:.5}.chart-box .pt.cmp-b{fill:var(--series-2);fill-opacity:.5}.chart-box .pt.cmp-a.on,.chart-box .pt.cmp-b.on{fill-opacity:1}.chart-box .pair-line{stroke:var(--muted);stroke-opacity:.35;stroke-width:1px}.chart-box .pair-line.on{stroke:var(--ink);stroke-opacity:.8;stroke-width:1.5px}@media (width<=720px){.compare-heads{grid-template-columns:1fr}.compare-controls form{margin-left:0}}.session-note{align-items:baseline;gap:12px;margin:8px 16px 0;display:flex}.view-switch{border:1px solid var(--line);border-radius:6px;margin-bottom:10px;display:inline-flex;overflow:hidden}.view-switch button{background:var(--panel);color:var(--muted);border:0;padding:4px 12px;font-size:13px}.view-switch button.on{background:color-mix(in oklab, var(--accent) 14%, var(--panel));color:var(--ink);font-weight:600}.model3d{--m3-ink:#edf1f4;--m3-muted:#a7b3bd;--m3-panel:#121920db;--m3-line:#edf1f457;--m3-accent:#f2b632;height:min(72vh,720px);min-height:420px;color:var(--m3-ink);background:#0d1217 radial-gradient(90% 70% at 50% 42%,#2b3540,#0d1217);border-radius:8px;font-family:Barlow Semi Condensed,Arial Narrow,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.model3d canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}.model3d canvas.dragging{cursor:grabbing}.m3-title{pointer-events:none;max-width:70%;position:absolute;top:12px;left:16px}.m3-title h3{color:var(--m3-ink);margin:0;font-size:1.3rem;font-weight:600}.m3-title p{color:var(--m3-muted);margin:.2rem 0 0;font-size:.92rem;line-height:1.3}.m3-hint{color:var(--m3-muted);pointer-events:none;font-size:.88rem;position:absolute;bottom:20px;right:16px}.m3-explode{min-width:9rem;font:inherit;color:#1b1602;background:var(--m3-accent);cursor:pointer;border:0;border-radius:3px;padding:.6rem 1.4rem;font-size:1rem;font-weight:600;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff59,0 6px 18px #0006}.m3-explode:focus-visible{outline:2px solid var(--m3-ink);outline-offset:3px}.m3-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.m3-label{white-space:nowrap;background:var(--m3-panel);color:var(--m3-ink);border-left:3px solid var(--m3-accent);opacity:0;will-change:transform, opacity;padding:.3rem .5rem .32rem;font-size:.84rem;font-weight:500;line-height:1;position:absolute;top:0;left:0}.m3-label:after{content:"";width:1px;height:var(--lead,18px);background:var(--m3-line);position:absolute;top:100%;left:-2px}.m3-label.below:after{top:auto;bottom:100%}.m3-label.on{border-left-color:var(--m3-ink)}.m3-tip{background:var(--m3-panel);border-top:3px solid var(--m3-accent);pointer-events:none;opacity:0;max-width:min(30rem,100% - 24px);padding:.55rem .7rem .6rem;transition:opacity .12s;position:absolute;top:0;left:0;box-shadow:0 8px 24px #0006}.m3-tip b{margin-bottom:.15rem;font-size:1rem;font-weight:600;display:block}.m3-tip span{color:var(--m3-muted);font-size:.92rem;line-height:1.3;display:block}.m3-err{text-align:center;color:var(--m3-muted);justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}@media (width<=640px){.m3-hint{text-align:center;bottom:64px;left:0;right:0}}.watch-intro{border:1px solid var(--accent);background:color-mix(in oklab, var(--accent) 10%, var(--panel));color:var(--ink);border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.watch-intro span{color:var(--accent)}.intro-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.intro-dialog{background:var(--panel);border-radius:10px;width:min(1100px,100%);max-height:100%;padding:14px 16px;overflow:auto;box-shadow:0 20px 60px #0006}.intro-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.intro-dialog h2{text-transform:none;letter-spacing:0;color:var(--ink);margin:0;font-size:16px}.intro-dialog header button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:2px 10px}.intro-dialog video{aspect-ratio:16/9;background:#000;border-radius:6px;width:100%;display:block}.intro-dialog p{margin:8px 0 0;font-size:13px}.data-list li.held-out .text,.examples-table tr.held-out td{color:var(--muted)}.split-tag{min-width:6em;color:var(--muted);font-size:11px;font-family:var(--mono);display:inline-block}.cmp-table tr.group-start td{border-top:2px solid var(--line)}.method{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:4px 0 12px;padding:8px 12px}.method summary{cursor:pointer;color:var(--muted);font-size:13px}.method summary b{color:var(--ink);font-weight:600}.method-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 18px;margin:10px 0 6px;display:grid}.method-grid label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.method-grid select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px;padding:5px 8px}.updates-scroll{overflow-x:auto}.step-cols>div{min-width:0}.step-cols.stacked{grid-template-columns:minmax(0,1fr)}.updates td{white-space:nowrap}