:root{--ml-bg:#080f12;--ml-text:#e5f0ec;--ml-muted:#a7beb5;--ml-mint:#a2e8cf;--ml-amber:#e9bf72;--ml-violet:#c1a9f4;--ml-border:#8eb7a34a}.models-page{margin:0;background:var(--ml-bg);color:var(--ml-text);font:15px/1.6 'Segoe UI',Arial,sans-serif}.models-page *{box-sizing:border-box}.models-main{max-width:1312px;padding:34px 32px 0;margin:0 auto;position:relative;z-index:1}.models-intro{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.models-intro h1{font-size:clamp(40px,4.8vw,65px);font-weight:550;letter-spacing:-.045em;line-height:1.04;margin:0 0 13px}.models-intro h1 span{color:var(--ml-mint)}.models-intro>div>p{font-size:19px;line-height:1.6;color:var(--ml-muted);margin:0}.models-state{font:12px/1.7 Consolas,monospace;color:var(--ml-muted);margin:8px 0 0;white-space:nowrap}.models-bench{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(310px,1fr);gap:14px;align-items:stretch}.models-surface{border:1px solid var(--ml-border);background:#0b171be8;border-radius:10px;min-width:0}.models-fit{padding:20px 20px 14px}.models-page h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;font-weight:550;margin:0;color:var(--ml-text)}.models-panel-head p{font:12px/1.7 Consolas,monospace;color:var(--ml-muted);margin:5px 0 0}.models-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--ml-muted);margin:15px 0 0;padding-left:44px}.models-legend span{display:flex;align-items:center;gap:6px}.models-dot{display:inline-block;background:var(--ml-mint);width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:3px}.models-dot.test{background:var(--ml-amber)}.models-line{display:inline-block;width:15px;height:2px;background:var(--ml-violet)}#fit-canvas{display:block;width:100%;height:300px}#loss-canvas{display:block;width:100%;height:115px}.models-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ml-border);border-radius:6px;overflow:hidden;margin-top:8px}.models-metrics>div{padding:12px 16px}.models-metrics>div+div{border-left:1px solid var(--ml-border)}.models-metrics span{display:block;font-size:11px;line-height:1.5;color:var(--ml-muted)}.models-metrics output{display:block;font:600 22px/1.5 Consolas,monospace;color:var(--ml-mint);font-variant-numeric:tabular-nums}.models-metrics>div:nth-child(2) output{color:var(--ml-amber)}.models-metrics>div:nth-child(3) output{color:var(--ml-text)}.models-trace{margin-top:12px;padding:12px 10px 0;border:1px solid var(--ml-border);border-radius:6px}.models-trace>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.models-trace h3{font-size:12px;margin:0;font-weight:550}.models-trace p{margin:0;color:var(--ml-muted);font-size:10px}.models-trace>div>span{margin-left:auto;font-size:10px;color:var(--ml-muted)}.models-trace>div>span .test{margin-left:9px}.models-equation{display:flex;gap:15px;flex-wrap:wrap;font:11px/1.6 Consolas,monospace;color:var(--ml-muted);margin:12px 0 0}.models-equation output{color:var(--ml-violet)}.models-controls{padding:22px 20px;display:flex;flex-direction:column;gap:14px}.models-controls h2{margin-bottom:7px}.models-controls label{color:var(--ml-text);font-size:13px}.models-select{display:grid;grid-template-columns:1fr 1.25fr;gap:13px;align-items:center}.models-controls select,.models-controls input[type=number]{min-width:0;width:100%;min-height:44px;border:1px solid #8eb7a360;border-radius:6px;padding:10px;color:var(--ml-text);background:#13232a;font:13px/1.4 'Segoe UI',Arial,sans-serif;color-scheme:dark}.models-controls select{cursor:pointer}.models-slider{display:block;margin-top:4px}.models-slider>span,.models-slider>small{display:flex;justify-content:space-between;align-items:center;gap:12px}.models-slider output{font:12px Consolas,monospace}.models-slider small{font:10px/1.6 Consolas,monospace;color:var(--ml-muted)}.models-slider input{width:100%;margin:0;min-height:44px;accent-color:var(--ml-mint);cursor:pointer}.models-controls button{width:100%;min-height:44px;border:1px solid #8eb7a365;border-radius:6px;background:#13272b;color:var(--ml-text);font:500 13px/1.4 'Segoe UI',Arial,sans-serif;padding:12px;cursor:pointer;transition:background .18s,border-color .18s}.models-controls button:hover{background:#1b3737;border-color:#a2e8cf}.models-controls button.models-primary{background:var(--ml-mint);border-color:var(--ml-mint);color:#0b2923;font-weight:650;font-size:14px}.models-controls button.models-primary:hover{background:#c0f7e2}.models-controls button:disabled{opacity:.5;cursor:default}.models-controls button[aria-pressed=true]{border-color:var(--ml-mint);color:var(--ml-mint)}.models-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.models-feedback{font:11px/1.6 Consolas,monospace;color:var(--ml-muted);min-height:36px;margin:0}.models-private{margin:auto 0 0;font-size:11px;line-height:1.8;color:var(--ml-muted);padding-top:10px}.models-how{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px;margin-top:16px;padding:24px 20px;border:1px solid var(--ml-border);border-radius:10px;background:#0b171be8}.models-how h2{font-size:20px}.models-how>div{display:flex;gap:12px;border-left:1px solid var(--ml-border);padding-left:20px}.models-how b{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;background:var(--ml-mint);color:#0b2923;border-radius:50%;font-size:13px}.models-how strong{display:block;font-size:13px;font-weight:500}.models-how small{display:block;font-size:11px;line-height:1.7;color:var(--ml-muted);margin-top:4px}.models-samples{margin:18px 0 30px;border-top:1px solid var(--ml-border);padding:14px 0 0;font-size:12px;color:var(--ml-muted)}.models-samples summary{cursor:pointer;color:var(--ml-text);padding:8px 0;min-height:44px}.models-table-scroll{overflow-x:auto}.models-samples table{width:100%;border-collapse:collapse;text-align:left;font:11px/1.6 Consolas,monospace}.models-samples th,.models-samples td{padding:10px;border-bottom:1px solid var(--ml-border)}.models-samples th{font-weight:400;color:var(--ml-mint)}.models-footer{position:relative;z-index:1;display:flex;gap:25px;justify-content:space-between;padding:24px max(32px,calc((100% - 1248px)/2));font:10px/1.7 Consolas,monospace;color:var(--ml-muted);background:#080f12;border-top:1px solid var(--ml-border)}.models-page :focus-visible{outline:3px solid var(--ml-mint);outline-offset:4px}
@media(max-width:950px){.models-bench{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr)}.models-fit{padding:16px 12px}.models-intro h1{font-size:49px}.models-how{grid-template-columns:1fr 1fr}.models-how>div{padding-left:15px}.models-legend{padding-left:0;gap:12px}.models-metrics>div{padding:10px}.models-metrics output{font-size:19px}}
@media(max-width:700px){.models-main{padding:28px 18px 0}.models-intro{display:block}.models-intro h1{font-size:43px}.models-intro>div>p{font-size:16px;max-width:300px}.models-state{margin-top:15px;font-size:10px}.models-bench{grid-template-columns:1fr;gap:16px}.models-page h2{font-size:21px}.models-panel-head p{font-size:10px}.models-legend{font-size:9px;gap:10px}#fit-canvas{height:265px}.models-metrics output{font-size:18px}.models-metrics span{font-size:9px}.models-controls{padding:22px;gap:16px}.models-select{grid-template-columns:1fr 1.25fr}.models-how{grid-template-columns:1fr;gap:20px;padding:22px}.models-how h2{font-size:22px}.models-how>div{padding-left:0;border-left:0}.models-how small{font-size:12px}.models-private{margin-top:2px}.models-feedback{min-height:0}.models-footer{padding:22px 18px;flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){.models-controls button{transition:none}}