:root{--ink:#161827;--muted:#777d90;--text:#596174;--purple:#6b52df;--purple-light:#efebff;--line:#e5e7ee;--paper:#fff;--wash:#f7f8fc;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.35;cursor:default}a,button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #a597e9;outline-offset:3px}h1,h2,p{margin:0}button{border:0;background:none}select,input[type=search]{border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:9px 11px;max-width:100%}select{font-size:13px}input[type=range]{accent-color:var(--purple);cursor:pointer}.shell{width:min(1240px,calc(100% - 88px));margin:auto}.header{border-bottom:1px solid var(--line);background:#fff}.nav-shell{width:min(1440px,calc(100% - 64px));margin:auto;min-height:86px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-.6px;white-space:nowrap}.brand img{object-fit:contain}.brand-divider{height:24px;width:1px;background:var(--line);margin:0 8px}.brand-sub{font-size:16px;color:var(--text);font-weight:500;letter-spacing:0}.header nav{margin-left:auto;display:flex;gap:24px;font-size:14px}.header nav [aria-current]{color:var(--purple)}.code-link{font-size:13px;border:1px solid var(--line);border-radius:5px;padding:8px 12px}.languages{display:flex;padding:3px;background:var(--wash);border:1px solid var(--line);border-radius:6px}.languages button{font-size:12px;padding:5px 9px;border-radius:4px}.languages [aria-pressed=true]{background:var(--ink);color:white}.intro{padding:72px 0 45px;display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:1.4px;color:var(--purple)}h1{font-size:52px;letter-spacing:-2.2px;line-height:1.2;font-weight:600;margin:17px 0}.lead{font-size:17px;line-height:1.8;color:var(--text);max-width:730px}.text-link{font-size:14px;color:var(--purple);font-weight:550;white-space:nowrap;padding:0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.intro>.text-link{margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:53px}.stats>div{padding-left:30px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border:0}.stats strong{font-size:43px;line-height:1.3;font-weight:550;letter-spacing:-1.6px;display:block}.stats strong>span{font-size:27px}.stats div>span{font-size:12px;color:var(--muted)}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:25px}h2{font-size:26px;letter-spacing:-.7px;font-weight:550;line-height:1.35}.section-top h2{margin-top:11px}.sort-label{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:11px;font-weight:500;color:var(--muted);background:var(--wash);padding:16px 20px;border-bottom:1px solid var(--line)}td{padding:20px;font-size:14px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}td:first-child{color:var(--muted);font:12px var(--mono);width:45px}tbody tr:hover{background:#fcfbff}.model-cell{display:flex;align-items:center;gap:13px}.model-name{font-weight:600;text-align:left;padding:0;white-space:nowrap;font-size:14px}.model-name:hover{color:var(--purple)}.model-mark{display:inline-flex;justify-content:center;align-items:center;border:1px solid #ddd7f2;color:var(--purple);background:var(--purple-light);border-radius:8px;width:32px;height:32px;font:600 13px var(--sans);flex-shrink:0}.model-mark[data-tone="1"]{background:#f3eced;color:#8a4b55;border-color:#e9dadd}.model-mark[data-tone="2"]{background:#eaf2fb;color:#3e73ab;border-color:#d9e4f3}.score-cell{min-width:170px}.score-value{font-size:17px;font-weight:600}.score-cell>div{display:flex;align-items:center;gap:10px}.mini-track{display:block;width:65px;height:5px;background:var(--purple-light);border-radius:4px}.mini-track>i{display:block;background:var(--purple);height:100%;border-radius:4px}.explore-link{color:var(--purple);font-size:12px;padding:0;white-space:nowrap}.scope-note{display:flex;gap:12px;padding:20px 0;font-size:12px;color:var(--muted);line-height:1.85}.note-marker{display:flex;align-items:center;justify-content:center;border:1px solid #cac7d6;border-radius:50%;font:11px var(--mono);width:17px;height:17px;flex-shrink:0;margin-top:4px}.explainer{border-top:1px solid var(--line);margin-top:33px;padding:29px 0 65px;display:grid;grid-template-columns:200px 1fr;gap:32px}.explainer>p{font-size:15px;color:var(--text);max-width:780px}.footer{border-top:1px solid var(--line);padding:30px 0;display:flex;gap:23px;align-items:center;font-size:12px;color:var(--muted)}.footer .brand{font-size:17px;color:var(--ink)}.footer p{margin-right:auto}.explorer-shell{width:min(1600px,calc(100% - 64px));margin:auto}.explorer-heading{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:26px 0 23px}.model-heading{display:flex;align-items:center;gap:12px}.model-heading h1{font-size:25px;letter-spacing:-.7px;margin:0}.pill{background:var(--wash);border:1px solid var(--line);color:var(--muted);font:10px/1.5 var(--mono);padding:4px 7px;border-radius:4px;white-space:nowrap}.model-switch{margin-left:auto;display:flex;gap:9px}.outline-button{border:1px solid var(--line);border-radius:5px;padding:8px 12px;background:white;font-size:12px}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr) 280px;gap:20px;align-items:start;margin-bottom:48px}.task-panel,.replay-card,.trace-card,.detail-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.task-panel{position:sticky;top:20px}.task-panel-top{display:flex;justify-content:space-between;gap:12px;padding:18px 17px 12px;align-items:center}.task-panel-top h2{font-size:17px;letter-spacing:0}.mono{font-family:var(--mono);font-size:11px}.muted{color:var(--muted)}.task-filters{padding:0 12px 14px;display:grid;gap:8px;border-bottom:1px solid var(--line)}.task-filters input{width:100%;font-size:12px}.task-filters select{width:100%;font-size:12px}.task-list{max-height:calc(100vh - 320px);min-height:300px;overflow:auto;padding:7px}.task-option{display:block;text-align:left;width:100%;padding:13px 11px;border:1px solid transparent;border-radius:5px;margin-bottom:4px}.task-option:hover{background:var(--wash)}.task-option[aria-current=true]{background:#f5f2ff;border-color:#d9cffb}.task-option>div{display:flex;justify-content:space-between;font:11px var(--mono);gap:10px}.task-option .task-percent{font-weight:600;color:var(--purple)}.task-option p{font-size:12px;color:var(--text);line-height:1.7;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-option small{font-size:10px;color:var(--muted)}.empty-list{font-size:13px;color:var(--muted);padding:20px 12px}.replay-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 17px;border-bottom:1px solid var(--line)}.live-tag{font:9px var(--mono);letter-spacing:.7px;color:var(--muted)}.screen{aspect-ratio:16/9;position:relative;background:#f0f1f6;overflow:hidden;display:grid;place-items:center}.screen canvas{display:block;width:100%;height:100%;object-fit:contain}.screen canvas[hidden]{display:none}.frame-state{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;text-align:center;color:var(--text);font-size:13px;padding:20px;background:#f7f8fcf5}.frame-state[hidden]{display:none}.frame-state p{max-width:420px;white-space:pre-line}.loading-ring{width:23px;height:23px;border:2px solid #d9d3ef;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.frame-state[data-error=true] .loading-ring{display:none}@keyframes spin{to{transform:rotate(360deg)}}.zoom{position:absolute;bottom:12px;right:12px;border:1px solid #ddd;background:#fffe;box-shadow:0 2px 5px #0001;border-radius:5px;padding:0 10px;font-size:23px}.playback{padding:16px 18px 12px}.playback-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.transport{display:flex;gap:10px}.transport button{width:33px;height:30px;border:1px solid var(--line);border-radius:5px;font-size:16px;line-height:1}.transport .play-button{background:var(--purple);border-color:var(--purple);color:white;font-size:12px;width:43px}.playback select{padding:3px 5px;font:11px var(--mono)}#scrubber{width:100%;display:block;margin:17px 0 11px;height:5px}.playback-foot{display:flex;justify-content:space-between;gap:10px;font:9px/1.7 var(--mono);color:var(--muted)}.playback-foot #frame-status{color:var(--purple)}.trace-card{margin-top:18px}.trace-tabs{display:flex;gap:18px;padding:0 17px;border-bottom:1px solid var(--line);overflow-x:auto}.trace-tabs button{font-size:12px;white-space:nowrap;color:var(--muted);padding:14px 0 12px;border-bottom:2px solid transparent}.trace-tabs [aria-selected=true]{color:var(--purple);border-color:var(--purple)}#trace-content{margin:0;padding:20px;min-height:195px;max-height:390px;overflow:auto;font:12px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#fcfcfe;color:#424859}.detail-column{display:grid;gap:17px}.detail-card{padding:19px}.detail-card>.eyebrow{font-size:10px}.task-score{display:flex;align-items:center;gap:14px;margin:11px 0}.task-score strong{font-size:40px;letter-spacing:-1.5px;font-weight:550;line-height:1.4}.task-score .pill{font-size:9px;color:var(--purple);background:var(--purple-light);border-color:#e0d8fb}.score-track{height:4px;background:var(--purple-light);border-radius:4px;overflow:hidden}.score-track span{display:block;height:100%;background:var(--purple);width:0}.run-metrics{margin:19px 0 20px}.run-metrics>div{display:flex;justify-content:space-between;padding:5px 0;font-size:12px;gap:10px}.run-metrics dt{color:var(--muted)}.run-metrics dd{margin:0;font-family:var(--mono);font-size:11px}.field-label{display:block;color:var(--text);font-size:12px;margin:0 0 6px}.detail-card select{width:100%;font-size:11px}.selection-note{font-size:10px;color:var(--muted);line-height:1.7;margin-top:10px}.instruction h2{font-size:18px;letter-spacing:-.3px;margin:10px 0 12px}.instruction>p{font-size:13px;line-height:1.9;color:var(--text);white-space:pre-wrap;max-height:340px;overflow:auto;overflow-wrap:anywhere}.download-links{display:grid;gap:10px;font-size:11px;color:var(--purple)}.download-links a:hover{text-decoration:underline}.media-note{font-size:10px;color:var(--muted);line-height:1.8}.error{padding:25px 0;color:#a33d4d}dialog{border:1px solid var(--line);border-radius:8px;width:min(1480px,96vw);padding:17px;background:white;max-height:95vh}dialog::backdrop{background:#161827b8;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font:12px var(--mono);color:var(--text)}dialog canvas{width:100%;height:auto;display:block}.skip{position:fixed;left:15px;top:-100px;z-index:100;padding:10px;background:var(--ink);color:white}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.workspace{grid-template-columns:265px minmax(0,1fr) 300px;gap:24px}.replay-top{padding:16px 20px}.task-option p{font-size:13px}.trace-tabs button{font-size:13px}#trace-content{font-size:13px}.instruction>p{font-size:14px}}
@media(max-width:1180px){.brand-sub,.brand-divider{display:none}.nav-shell{gap:20px}.workspace{grid-template-columns:220px minmax(0,1fr)}.detail-column{grid-column:2;grid-template-columns:1fr 1fr;align-items:start}.detail-column .download-links,.detail-column .media-note{grid-column:1/-1}.task-panel{grid-row:1/3}.model-heading .pill{display:none}.footer{flex-wrap:wrap}.footer p{flex:1}.explorer-heading{gap:20px}.model-switch select{max-width:170px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 40px);min-height:75px;gap:16px}.header nav{gap:14px;font-size:12px}.brand{font-size:21px}.code-link{display:none}.languages{margin-left:auto}.header nav{margin-left:auto}.intro{padding-top:48px;display:block}.intro>.text-link{display:inline-block;margin-top:20px}h1{font-size:42px}.lead{font-size:16px}.stats strong{font-size:35px}.stats>div{padding-left:17px}.stats div>span{font-size:11px}.section-top{display:block}.sort-label{margin-top:20px}.explainer{grid-template-columns:1fr;gap:13px;padding-bottom:40px}.explorer-shell{width:calc(100% - 32px)}.workspace{grid-template-columns:190px minmax(0,1fr);gap:14px}.model-switch{margin-left:0}.model-heading h1{font-size:22px}.explorer-heading{gap:15px}.model-heading .model-mark{display:none}.detail-column{grid-template-columns:1fr}.task-list{max-height:600px}.task-option{padding:10px 7px}.trace-tabs{gap:17px;padding-inline:12px}.trace-tabs button{font-size:11px}.playback-foot{font-size:8px}.task-score strong{font-size:32px}.footer{gap:15px}.footer p{min-width:65%}}
@media(max-width:580px){.header nav a:first-child{display:none}.header nav{gap:12px}.nav-shell{gap:12px;width:calc(100% - 30px)}.brand{font-size:19px;gap:6px}.brand img{width:29px}.languages button{font-size:11px;padding-inline:6px}.shell{width:calc(100% - 32px)}.intro{padding-top:36px;padding-bottom:30px}h1{font-size:36px;letter-spacing:-1.4px}.intro .eyebrow{font-size:10px}.lead{font-size:15px}.stats{grid-template-columns:1fr 1fr;gap:24px 0;margin-bottom:35px;padding:24px 0}.stats>div:nth-child(3){padding-left:0;border-left:0}.stats strong{font-size:35px}.stats div>span{font-size:11px}h2{font-size:24px}.scope-note{font-size:11px}.section-top .eyebrow{font-size:10px}th{padding:13px;font-size:10px}td{padding:16px 13px}.model-cell{gap:10px}.model-name{font-size:13px}.model-mark{width:27px;height:27px;font-size:11px}.score-cell{min-width:125px}.mini-track{width:40px}.score-value{font-size:16px}.workspace{grid-template-columns:1fr}.task-panel{position:static;grid-row:auto}.task-panel-top{padding:13px 14px 9px}.task-filters{display:flex;padding-bottom:12px}.task-filters input{width:65%}.task-filters select{width:35%}.task-list{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;min-height:0;padding:7px;gap:6px}.task-option{min-width:190px;width:190px;margin:0;padding:11px}.task-option p{-webkit-line-clamp:2;height:40px}.replay-column{grid-column:1}.detail-column{grid-column:1;grid-template-columns:1fr}.explorer-heading{padding-top:20px;gap:14px}.explorer-heading>#back{width:100%;text-align:left;font-size:12px}.model-heading{flex:1}.model-heading h1{font-size:21px}.model-switch{margin-left:0;width:100%;justify-content:space-between}.model-switch select{max-width:none;flex:1}.replay-top{padding:12px}.live-tag{font-size:8px}.playback{padding:13px 12px 11px}.trace-tabs{gap:16px}.trace-tabs button{font-size:11px}.playback-foot>span:last-child{display:none}#trace-content{padding:15px;font-size:11px;max-height:320px}.screen .frame-state{font-size:12px}.detail-column .instruction>p{max-height:270px}.footer{font-size:11px;padding:25px 0}.footer .brand{font-size:17px}.footer p{font-size:11px}.explainer p{font-size:14px}.sort-label select{font-size:12px}}
.workspace>*{min-width:0}.intro{padding-top:48px;padding-bottom:32px}.stats{padding:23px 0 27px;margin-bottom:35px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}