:root{--bg: #faf9f6;--ink: #2b2b2b;--ink2: #4b4b4b;--line: #cfcfcf;--blkB: #0f6e56;--panel: #ffffff;--warn-bg: #fff4e5;--warn-line: #854f0b;--err-bg: #fdecea;--err-line: #c1523a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#06090c;padding:56px 20px 76px;isolation:isolate}.hero-glitch{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.hero-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#06090c1a,#06090cb8 55%,#06090cf0),linear-gradient(180deg,#06090cd9,#06090c00 22% 74%,#06090ceb)}.hero-inner{position:relative;z-index:2;width:min(880px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}.hero-eyebrow{margin:0 0 10px;font-size:clamp(11px,2.6vw,13px);letter-spacing:.18em;text-transform:uppercase;color:#61dca3}.hero-title{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.02;font-size:clamp(38px,11vw,88px);color:#f4f7f5;text-shadow:0 2px 40px rgba(97,220,163,.25)}.hero-by{margin:8px 0 clamp(20px,4vw,32px);font-size:clamp(13px,3.4vw,17px);color:#9fb3ab;font-weight:500}.hero-video{--hero-maxh: min(66svh, 620px);position:relative;width:min(100%,calc(var(--hero-maxh) * var(--hero-arnum, 1.7778)));margin:0 auto;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 18px 60px #0000008c,0 0 0 1px #61dca338}.hero-video-el{display:block;width:100%;aspect-ratio:var(--hero-ratio, 16 / 9);max-height:var(--hero-maxh);background:#000;object-fit:contain}.hero-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#040a0857;border:none;color:#fff;cursor:pointer;font-size:14px;letter-spacing:.02em;backdrop-filter:blur(1.5px);transition:background .15s}.hero-play:hover{background:#040a0833}.hero-play[hidden]{display:none}.hero-play-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#61dca3;color:#06251a;font-size:22px;padding-left:5px;box-shadow:0 6px 26px #61dca380}.hero-play-text{font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.6)}.hero-video-err{padding:14px;font-size:12px;line-height:1.5;color:#ffd9a8;text-align:left}.hero-video-err code{font-family:ui-monospace,monospace}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:clamp(20px,4vw,30px)}.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;color:#dfece7;border:1px solid rgba(97,220,163,.42);background:#ffffff0d;transition:background .15s,transform .1s}.hero-btn:hover{background:#ffffff1f}.hero-btn:active{transform:translateY(1px)}.hero-btn.primary{background:#61dca3;border-color:#61dca3;color:#06251a}.hero-btn.primary:hover{filter:brightness(1.06);background:#61dca3}.hero-scroll{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:2;width:26px;height:42px;border-radius:13px;border:1.5px solid rgba(159,179,171,.5);display:grid;justify-items:center}.hero-scroll span{width:3px;height:8px;border-radius:2px;background:#61dca3;margin-top:7px;animation:heroScroll 1.7s ease-in-out infinite}@keyframes heroScroll{0%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(6px)}70%{opacity:0;transform:translateY(13px)}}@media (prefers-reduced-motion: reduce){.hero-scroll span{animation:none;opacity:1}}header{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}header .brand{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}header h1{font-size:17px;margin:0;font-weight:700}header .sub{font-size:12px;color:var(--ink2)}header .links{display:flex;gap:12px;font-size:12px}header .links a{color:var(--blkB);text-decoration:none}header .links a:hover{text-decoration:underline}header .backend{margin-left:auto;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}footer{border-top:1px solid var(--line);padding:14px 20px;font-size:12px;color:var(--ink2)}.wrap{display:flex;flex-direction:column}.col{padding:16px 18px}.col.refmodel{order:1}.col.diagram{order:2;overflow-x:auto}.col.train{order:3}.col.controls{order:4}@media (max-width: 1180px){.screen{display:none}.screen.is-active{display:block}.col.controls.is-active{border-top:1px solid var(--line);margin-top:4px}.screen.is-active{min-height:calc(100svh - 56px)}}.desktop-only{display:none}.touch-only{display:block}@media (min-width: 1181px){.wrap{display:grid;grid-template-columns:300px 1fr 340px;grid-template-areas:"controls diagram refmodel" "controls diagram train";grid-template-rows:auto 1fr;gap:0;align-items:start}.col.controls{grid-area:controls;border-right:1px solid var(--line);order:0}.col.diagram{grid-area:diagram;order:0}.col.refmodel{grid-area:refmodel;order:0;border-left:1px solid var(--line)}.col.train{grid-area:train;order:0;border-left:1px solid var(--line)}.col.train{border-top:1px solid var(--line)}.screen{display:block}.tabbar{display:none}.col.controls{position:sticky;top:0;max-height:100vh;overflow:auto;background:var(--bg);z-index:2}.desktop-only{display:block}.touch-only{display:none}}h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);margin:2px 0 10px}.train-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.train-head h2{margin-bottom:0}#target-note{margin:-2px 0 12px}.target-badge{font-size:11px;text-transform:none;letter-spacing:0;color:var(--blkB);background:#eef7f3;border:1px solid #9ccdbc;border-radius:999px;padding:3px 9px;font-variant-numeric:tabular-nums;white-space:nowrap}.target-badge b{font-weight:700}.ctl{margin-bottom:12px}.ctl .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.ctl label{font-size:13px;font-weight:600}.ctl .dim{color:var(--ink2);font-weight:400}.ctl .val{font-size:13px;font-variant-numeric:tabular-nums;color:var(--blkB);font-weight:700}.ctl input[type=range]{width:100%;accent-color:var(--blkB);cursor:ew-resize}.ctl input[type=range]:disabled{cursor:not-allowed;opacity:.55}.ctl .hint,.hint{font-size:11px;color:var(--ink2);margin-top:2px}.toggles{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 2px}button{font:inherit;font-size:13px;border:1px solid #9a9a9a;background:#fff;color:var(--ink);border-radius:8px;padding:6px 10px;cursor:pointer}button:hover{background:#f2f1ee}button.primary{background:var(--blkB);border-color:var(--blkB);color:#fff}button.primary:hover{filter:brightness(1.05)}button.warn{background:#c1523a;border-color:#c1523a;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}select{font:inherit;font-size:13px;width:100%;padding:6px 8px;border:1px solid #9a9a9a;border-radius:8px;background:#fff;color:var(--ink)}.chk{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2)}.chk input[type=text],.chk input:not([type=checkbox]){width:60px;font-family:ui-monospace,monospace;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:3px 5px}.chip{display:inline-flex;align-items:center;gap:6px;margin:4px 0 12px;font-size:12px;border-style:dashed;border-color:var(--blkB);color:var(--blkB);background:#fff;width:100%;text-align:left}.chip:hover{background:#edf7f3}.chip .play{font-size:9px}.play-inline{color:var(--blkB);font-size:10px}.ref{border:1px solid var(--blkB);border-radius:10px;padding:10px;background:linear-gradient(180deg,#f2fbf7,#fff)}button.wide{width:100%;justify-content:center}.ref-meta{font-size:11px;color:var(--ink2);line-height:1.45;margin:8px 0 6px;font-variant-numeric:tabular-nums}.ref-meta.bad{color:#8a3b28}.ref-meta-loading{font-size:11px;color:var(--ink2)}.spec-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#5a8f7d;font-weight:700;margin-bottom:5px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;border:1px solid #cfe6db;border-radius:8px;overflow:hidden;background:#fff}.spec-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 9px;font-size:11.5px;border-top:1px solid #e7f3ee}.spec-row:nth-child(1),.spec-row:nth-child(2){border-top:none}.spec-row span{color:var(--ink2)}.spec-row b{color:var(--ink);font-weight:600}.spec-row.spec-wide{grid-column:1 / -1}.spec-row.spec-wide:nth-child(n){border-top:1px solid #e7f3ee}.spec-highlight{grid-column:1 / -1;background:#eef7f3;border-top:1px solid #9ccdbc!important}.spec-highlight span{color:#14503f;font-weight:600}.spec-highlight b{color:var(--blkB);font-size:13px}.ref-ctl{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.ref-ctl .chk{justify-content:space-between;gap:8px}.ref-ctl .chk input[type=range]{width:110px}.ref-ctl .chk input:not([type=range]){width:110px}.val.sm{font-size:12px;color:var(--blkB);font-weight:700}.ref .sample{min-height:120px;max-height:260px}.rebuild-flag{display:none;margin:8px 0;padding:8px 10px;border-radius:8px;background:var(--warn-bg);border:1px solid var(--warn-line);color:#6b3d05;font-size:12px}.rebuild-flag.show{display:block}.stat{display:flex;justify-content:space-between;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums;margin:2px 0}.stat b{color:var(--ink)}.check{font-size:11.5px;line-height:1.45;padding:7px 9px;border-radius:7px;margin-bottom:6px;border:1px solid}.check.ok{background:#eef7f3;border-color:#9ccdbc;color:#14503f}.check.info{background:#eef2fb;border-color:#a9bfe3;color:#2c4675}.check.warn{background:var(--warn-bg);border-color:var(--warn-line);color:#6b3d05}.check.error{background:var(--err-bg);border-color:var(--err-line);color:#7d2718}#shapes-details{margin:4px 0 8px}#shapes-details summary{font-size:11.5px;color:var(--ink2);cursor:pointer}.shape-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:2px 0;border-bottom:1px dotted #e2e0da}.shape-row span:first-child{color:var(--ink2)}.shape-row code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink)}.shape-row .note{display:block;color:#8a867c;font-size:10px}#diagram{position:relative}#diagram svg{width:calc(760px * var(--dscale, 1));height:auto;max-width:none;display:block}.zoombar{display:none;gap:6px;align-items:center;margin:0 0 10px}.zoombar button{min-width:40px;min-height:36px;font-size:15px;line-height:1}.zoom-val{font-size:11px;color:var(--ink2);font-variant-numeric:tabular-nums;margin-left:2px}.diaghint{font-size:12px;color:var(--ink2);margin:0 0 8px;max-width:760px;line-height:1.5}svg text{user-select:none}.grip{cursor:pointer}.grip:hover [data-hit]{fill:#bfe6d8}.comp{cursor:pointer}.comp:hover rect{filter:brightness(.97)}.comp:hover text{fill:#0f6e56}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--ink2);margin-top:8px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:11px;height:11px;border-radius:3px;display:inline-block;border:.5px solid #999}#tooltip{position:fixed;z-index:60;max-width:300px;background:#1f2430;color:#f1f1ee;font-size:12px;line-height:1.45;padding:9px 11px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .08s;box-shadow:0 6px 20px #00000047}#tooltip.show{opacity:1}#tooltip .more{display:block;margin-top:5px;color:#8fd6bd;font-size:11px}canvas#loss{width:100%;height:150px;background:#fff;border:1px solid var(--line);border-radius:8px;display:block}.sample{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;min-height:96px;max-height:220px;overflow:auto;line-height:1.35}textarea#corpus{width:100%;height:70px;font-family:ui-monospace,monospace;font-size:11px;border:1px solid var(--line);border-radius:8px;padding:6px;resize:vertical}.filerow{display:flex;gap:8px;align-items:center;margin:6px 0;flex-wrap:wrap}.panel{position:fixed;inset:0;z-index:80;background:#14161a6b;display:none;justify-content:flex-end;transition:background .12s}.panel.open{display:flex}.panel-inner{position:relative;background:var(--panel);width:min(560px,100%);height:100%;overflow:auto;padding:22px 26px 60px;box-shadow:-8px 0 30px #0000002e}@media (max-width: 620px){.panel-inner{width:100%;padding:18px 16px 50px}}.panel.hover-mode{background:transparent;pointer-events:none}.panel.hover-mode .panel-inner{pointer-events:auto;width:min(400px,100%);border-left:1px solid var(--line);box-shadow:-10px 0 34px #00000021}.panel.hover-mode .panel-close{display:none}.panel-hint{display:none;position:sticky;bottom:-60px;margin:18px -26px -60px;padding:9px 26px;background:#eef7f3;border-top:1px solid #9ccdbc;font-size:11.5px;color:#14503f}.panel.hover-mode .panel-hint{display:block}.panel-close{position:sticky;top:0;float:right;margin-left:10px;border:none;background:#eceae4;width:30px;height:30px;border-radius:50%;font-size:19px;line-height:1;padding:0;cursor:pointer;color:var(--ink2)}.panel-close:hover{background:#ddd9d0}.panel-body h2{font-size:19px;text-transform:none;letter-spacing:0;color:var(--ink);margin:0 0 8px;font-weight:700;line-height:1.3}.panel-shape{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;color:#14503f;background:#eef7f3;border:1px solid #9ccdbc;border-radius:7px;padding:7px 9px;margin-bottom:12px;overflow-x:auto;white-space:nowrap}.panel-body p{font-size:13.5px;line-height:1.62;color:#34353a;margin:0 0 11px}.vid{margin:14px 0 16px}.vid video{width:100%;border-radius:10px;background:#000;display:block}.vid-err{font-size:12px;line-height:1.5;background:var(--warn-bg);border:1px solid var(--warn-line);color:#6b3d05;border-radius:8px;padding:9px 11px}.vid-err code{font-family:ui-monospace,monospace;font-size:11px}.code-head{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:11px;color:var(--ink2)}.code-file{font-family:ui-monospace,monospace;font-weight:700;color:var(--ink)}.code-lines{font-variant-numeric:tabular-nums}.copy{margin-left:auto;font-size:11px;padding:3px 8px;border-radius:6px}pre.code{margin:6px 0 4px;background:#1f2430;border-radius:9px;padding:11px 0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.6;color:#d8d8d2}pre.code .cl{display:flex;padding:0 12px;white-space:pre}pre.code .cl.hl{background:#8fd6bd29;box-shadow:inset 2px 0 #8fd6bd}pre.code .ln{display:inline-block;min-width:2.4em;text-align:right;margin-right:12px;color:#5d6675;user-select:none;flex:none}pre.code .cc{flex:1}pre.code .k{color:#c3a0f0}pre.code .s{color:#a8d98a}pre.code .c{color:#6f7a8c;font-style:italic}pre.code .n{color:#e8b479}.code-missing{font-size:12px;background:var(--warn-bg);border:1px solid var(--warn-line);color:#6b3d05;border-radius:8px;padding:9px 11px;margin-top:12px}.note{border-radius:8px;padding:9px 11px;margin-top:12px;font-size:12.5px;line-height:1.55}.note b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.note p{margin:0;font-size:12.5px;line-height:1.55}.note.diff{background:var(--warn-bg);border:1px solid var(--warn-line);color:#6b3d05}.note.tip{background:#eef2fb;border:1px solid #a9bfe3;color:#2c4675}.source{border-top:1px solid var(--line);padding:26px 20px 34px}.source-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1000px;margin:0 auto 12px}.source-title{font-size:17px;text-transform:none;letter-spacing:0;color:var(--ink);margin:0 0 4px;font-weight:700}.source-sub{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.5}.source-sub code{font-family:ui-monospace,monospace;color:var(--blkB);font-weight:600}.source-meta{display:inline-block;margin-left:6px;font-variant-numeric:tabular-nums}.source-actions{display:flex;gap:8px}.btn-link{display:inline-flex;align-items:center;font:inherit;font-size:13px;border:1px solid #9a9a9a;background:#fff;color:var(--ink);border-radius:8px;padding:6px 10px;cursor:pointer;text-decoration:none}.btn-link:hover{background:#f2f1ee}.source-pre{max-width:1000px;margin:0 auto;max-height:74svh;overflow:auto;scroll-padding-block:40px}pre.code .cl.jump{background:#8fd6bd42;box-shadow:inset 3px 0 #8fd6bd;transition:background .4s}.code-jump{display:inline-block;margin-top:2px;font-size:11.5px;color:var(--blkB);text-decoration:none;border-bottom:1px dashed currentColor}.code-jump:hover{opacity:.8}.guidance{border:1px solid var(--warn-line);background:var(--warn-bg);color:#6b3d05;border-radius:10px;padding:11px 12px;margin-bottom:14px}.guidance b{display:block;font-size:12.5px;margin-bottom:5px}.guidance p{margin:0 0 10px;font-size:12px;line-height:1.55}.guidance button{background:var(--blkB);border-color:var(--blkB)}@keyframes refPulse{0%,to{box-shadow:0 0 #0f6e5600}25%,75%{box-shadow:0 0 0 5px #0f6e5647}}.ref.flash{animation:refPulse 1.5s ease-in-out 2}@media (prefers-reduced-motion: reduce){.ref.flash{animation:none;outline:2px solid var(--blkB);outline-offset:3px}}.corpus-pick{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.corpus-pick .radio{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;cursor:pointer;background:#fff;transition:border-color .12s,background .12s}.corpus-pick .radio:hover{background:#f7f6f3}.corpus-pick .radio:has(input:checked){border-color:var(--blkB);background:#f2fbf7}.corpus-pick .radio input{margin-top:2px;accent-color:var(--blkB);flex:none}.corpus-pick .radio b{display:block;font-size:13px;font-weight:600;color:var(--ink)}.corpus-pick .radio em{display:block;font-style:normal;font-size:11px;color:var(--ink2);line-height:1.4;margin-top:1px}.corpus-loading{font-size:11.5px;color:var(--blkB);margin:4px 0 8px}.corpus-loading.err{color:#8a3b28}#corpus-details{margin:6px 0 10px}#corpus-details summary{font-size:11.5px;color:var(--ink2);cursor:pointer}#corpus-details textarea{margin-top:6px}.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 14px #0000000f}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;border-radius:0;padding:9px 2px 8px;font-size:10.5px;color:var(--ink2);cursor:pointer;min-height:0}.tabbar button:hover{background:none}.tabbar .tab-ico{font-size:16px;line-height:1}.tabbar button.is-active{color:var(--blkB);font-weight:700}.tabbar button.is-active .tab-ico{transform:scale(1.06)}@media (max-width: 1180px){.zoombar{display:flex}.col.diagram{overflow-x:auto;-webkit-overflow-scrolling:touch}header{position:sticky;top:0;z-index:40;background:var(--bg);padding:10px 14px}header h1{font-size:15px}header .sub{display:none}header .backend{margin-left:auto;font-size:11px}.tabbar{display:flex}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}footer{display:none}.col,.source{padding:18px 16px 26px}.col>h2:first-child{margin-top:0}h2{font-size:12.5px;margin-bottom:12px}.ctl{margin-bottom:20px}.stat{margin:5px 0;font-size:12.5px}.chip{margin:10px 0 16px;padding:10px 12px}}@media (max-width: 720px){.hero{padding:44px 14px 70px}.hero-video{--hero-maxh: 56svh}button,.hero-btn{min-height:42px;padding:8px 14px}.toggles{gap:6px}.toggles button{flex:1 1 auto}button.wide{min-height:48px;font-size:14px}input[type=range]{height:30px}.chk input:not([type=checkbox]){width:100%}.ref-ctl .chk{flex-wrap:wrap}.ref-ctl .chk input[type=range]{width:100%}.ref-ctl .chk input:not([type=range]){width:100%}.sample{font-size:12.5px;max-height:44svh}.ref .sample{min-height:150px}.panel{justify-content:center;align-items:flex-end}.panel-inner{width:100%;height:88svh;border-radius:16px 16px 0 0;padding:16px 16px 40px;box-shadow:0 -8px 30px #00000047}.panel-close{position:sticky;top:0;float:right;width:38px;height:38px;font-size:22px}.panel-body h2{font-size:17px}.panel-shape{white-space:normal}pre.code{font-size:11px}#tooltip{display:none}.legend{font-size:10px;gap:8px}}@media (max-height: 520px) and (orientation: landscape){.hero{min-height:auto;padding:26px 16px 40px}.hero-title{font-size:clamp(28px,7vw,44px)}.hero-video{--hero-maxh: 70svh}.hero-scroll{display:none}}