:root{
  --bg:#06080c; --bg2:#0a0d13; --surface:rgba(18,23,32,.76); --surface2:rgba(12,16,23,.92);
  --line:rgba(255,255,255,.095); --line2:rgba(255,255,255,.16); --text:#f4f7fb; --muted:#98a3b5;
  --cyan:#55d7ff; --blue:#6c8cff; --violet:#9b7cff; --amber:#ffbd66; --green:#65efad; --red:#ff7888;
  --rank1:rgba(57,211,126,.16); --rank2:rgba(255,205,84,.14); --rank3:rgba(255,108,121,.12);
  --shadow:0 24px 80px rgba(0,0,0,.34); --radius:22px; --page:min(88vw,1540px);
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:92px;background:var(--bg)}
body{margin:0;background:
 radial-gradient(900px 520px at 8% 0%,rgba(86,213,255,.08),transparent 60%),
 radial-gradient(800px 500px at 94% 12%,rgba(154,124,255,.07),transparent 62%),var(--bg);
 color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none} button{font:inherit} ::selection{background:rgba(85,215,255,.25)}
.progress-track{position:fixed;z-index:120;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.04)}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--amber));box-shadow:0 0 18px rgba(85,215,255,.6)}
.nav-shell{position:fixed;z-index:110;top:3px;left:0;right:0;padding:12px 2vw;pointer-events:none}
.nav{pointer-events:auto;margin:auto;width:var(--page);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px 9px 18px;border:1px solid var(--line);background:rgba(7,10,15,.72);backdrop-filter:blur(18px);border-radius:999px;box-shadow:0 10px 36px rgba(0,0,0,.2)}
.brand{font-weight:820;letter-spacing:-.03em;white-space:nowrap}.brand span{color:var(--cyan)}
.nav-links{display:flex;gap:4px;overflow:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}
.nav-link{padding:8px 11px;border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap;transition:.2s}
.nav-link:hover,.nav-link.active{color:var(--text);background:rgba(255,255,255,.07)}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:128px 4vw 76px;border-bottom:1px solid var(--line)}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,.12),rgba(6,8,12,.2) 55%,var(--bg) 100%),radial-gradient(circle at 50% 36%,transparent 0,rgba(6,8,12,.18) 60%,rgba(6,8,12,.72) 100%)}
.hero-content{position:relative;z-index:2;width:min(1160px,94vw);text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(85,215,255,.2);background:rgba(85,215,255,.055);color:#bfefff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.title{margin:20px auto 12px;font-size:clamp(3rem,7.3vw,7.4rem);line-height:.87;letter-spacing:-.075em;font-weight:900;text-wrap:balance}
.title .wm{background:linear-gradient(105deg,#fff 20%,#b8f1ff 50%,#a697ff 84%);-webkit-background-clip:text;background-clip:text;color:transparent}
.subtitle{max-width:900px;margin:18px auto 0;font-size:clamp(1.05rem,2vw,1.6rem);color:#c8d0dc;letter-spacing:-.02em}
.authors{margin:18px auto 0;color:var(--muted);font-size:.94rem}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:28px}
.pill-link{position:relative;display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border:1px solid var(--button-border,var(--line2));border-radius:999px;background:var(--button-bg,rgba(14,18,26,.72));color:var(--button-fg,#eef4fb);font-size:.87rem;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.2);transition:transform .2s,border-color .2s,filter .2s,box-shadow .2s}.pill-link i{font-size:1.08rem;line-height:1}.pill-link:hover{transform:translateY(-3px);border-color:var(--accent,var(--cyan));filter:brightness(1.06);box-shadow:0 16px 34px rgba(0,0,0,.28)}.pill-link.todo::after{content:"TODO";position:absolute;top:-7px;right:-6px;font-size:.48rem;padding:2px 5px;background:#171c26;border:1px solid var(--line);border-radius:99px;color:#758096}
.scroll-hint{position:absolute;z-index:3;bottom:24px;left:50%;transform:translateX(-50%);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#7f8998;display:grid;gap:7px;justify-items:center}.scroll-hint i{width:1px;height:34px;background:linear-gradient(var(--cyan),transparent);animation:pulseLine 1.8s infinite}@keyframes pulseLine{50%{transform:scaleY(.55);opacity:.45}}
.page{width:var(--page);margin:auto}.section{padding:100px 0;border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:34px}.kicker{font-size:clamp(1.28rem,1.55vw,1.72rem);font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--cyan);line-height:1}
.section h2{font-size:clamp(1.04rem,1.45vw,1.38rem);line-height:1.25;letter-spacing:-.018em;margin:9px 0 0;color:#aab5c5;font-weight:650}.section-note{max-width:520px;color:var(--muted);font-size:.88rem;text-align:right}
.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,22,31,.82),rgba(10,14,20,.88));border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .24s,border-color .24s,box-shadow .24s}.card:hover{transform:translateY(-4px);border-color:rgba(85,215,255,.24);box-shadow:0 30px 90px rgba(0,0,0,.42)}
.asset-frame{position:relative;overflow:hidden;min-height:260px;background:linear-gradient(135deg,rgba(85,215,255,.05),rgba(155,124,255,.05));border:1px solid var(--line);border-radius:20px}.asset-frame>img,.asset-frame>video{display:block;width:100%;height:100%;object-fit:contain;background:#030508}.asset-frame.white-bg{background:#fff}.asset-frame.white-bg>img,.asset-frame.white-bg>video{background:#fff}.method-figure .asset-frame{padding:14px 18px}.asset-frame .todo-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:22px;color:#7f8998;font-size:.82rem;pointer-events:none}.asset-frame.loaded .todo-overlay{display:none}
.teaser{padding:10px}.teaser .asset-frame{aspect-ratio:16/8;min-height:0}.contrib-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.contrib{padding:20px;min-height:164px}.contrib b{display:block;font-size:1rem;margin-bottom:9px}.contrib p{margin:0;color:#aeb7c5;font-size:.86rem}.contrib:nth-child(1){--c:var(--cyan)}.contrib:nth-child(2){--c:var(--violet)}.contrib:nth-child(3){--c:var(--amber)}.contrib:nth-child(4){--c:var(--green)}.contrib::before{content:"";display:block;width:28px;height:3px;border-radius:99px;background:var(--c);margin-bottom:16px;box-shadow:0 0 15px color-mix(in srgb,var(--c) 50%,transparent)}
.method-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;align-items:stretch}.method-figure{padding:10px}.method-figure .asset-frame{height:100%;min-height:520px}.method-cards{display:grid;gap:12px}.method-card{padding:20px;position:relative;overflow:hidden}.method-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--c)}.method-card b{font-size:.98rem}.method-card p{color:var(--muted);font-size:.84rem;margin:7px 0 0}.method-card:nth-child(1){--c:var(--cyan)}.method-card:nth-child(2){--c:var(--violet)}.method-card:nth-child(3){--c:var(--green)}.method-card:nth-child(4){--c:var(--amber)}
.controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ctrl{cursor:pointer;border:1px solid var(--line);background:#0b0f16;color:var(--muted);padding:9px 13px;border-radius:999px;font-weight:800;font-size:.76rem;transition:.2s}.ctrl:hover,.ctrl.active{color:var(--text);border-color:rgba(85,215,255,.3);background:rgba(85,215,255,.08);transform:translateY(-1px)}
.gallery-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 16px}.counter{color:var(--muted);font-size:.8rem}.matrix-scroll{overflow:auto;padding-bottom:8px;scrollbar-color:#273141 transparent}.confidence-matrix{min-width:1240px;display:grid;grid-template-columns:150px repeat(6,minmax(160px,1fr));gap:8px}.matrix-head{position:sticky;top:80px;z-index:2;background:#090c12;border:1px solid var(--line);border-radius:13px;padding:10px;font-size:.71rem;color:#aab4c3;font-weight:800;text-align:center}.task-label{display:flex;flex-direction:column;justify-content:center;padding:14px;border-radius:14px;border:1px solid var(--line);background:#0a0e14}.task-label b{font-size:.8rem}.task-label small{color:var(--muted);font-size:.65rem;margin-top:4px}.video-cell{position:relative;aspect-ratio:16/10;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#030507}.video-cell video{width:100%;height:100%;object-fit:cover}.media-todo{position:absolute;inset:0;display:grid;place-items:center;padding:12px;text-align:center;color:#5f6a7c;font-size:.65rem;background:linear-gradient(135deg,#070a10,#0c1119)}.video-cell.ready .media-todo{display:none}
.result-shell{padding:14px}.result-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.switch-cluster{display:flex;gap:6px;flex-wrap:wrap}.stage{position:relative;min-height:520px;border:1px solid var(--line);border-radius:18px;background:#070a0f;overflow:auto}.view-panel{display:none;padding:18px}.view-panel.active{display:block}.chart-stack{position:relative;min-height:500px;display:grid;place-items:center}.chart-layer{position:absolute;inset:18px;display:grid;place-items:center;opacity:0;transition:opacity .55s,clip-path .72s,transform .72s}.chart-layer img{max-width:100%;max-height:100%;object-fit:contain}.chart-layer.axes{opacity:1}.chart-layer.bars{clip-path:inset(100% 0 0 0)}.chart-layer.arrows{transform:translateY(-8px)}.chart-stack.animate .bars{opacity:1;clip-path:inset(0 0 0 0);transition-delay:.38s}.chart-stack.animate .arrows{opacity:1;transform:none;transition-delay:1.05s}.chart-fallback{position:absolute;inset:18px;display:none}.chart-stack.single .chart-fallback{display:grid;place-items:center}.chart-fallback img{max-width:100%;max-height:100%;object-fit:contain}
.table-wrap{min-width:960px}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.72rem;color:#d7dde7}.data-table th,.data-table td{padding:9px 9px;border-bottom:1px solid rgba(255,255,255,.055);text-align:center;white-space:nowrap}.data-table th{text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;color:#8792a3;background:#0b1017;position:sticky;top:0;z-index:2}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table td:nth-child(2){text-align:left;color:#9ba6b7}.data-table tr.block-row td{font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:#aab5c5;background:rgba(255,255,255,.035);text-align:center}.data-table tr.reference{color:#99a4b4}.rank1,.rank2,.rank3{transition:background .45s,color .45s}.table-animate .rank1{animation:rank1 .42s .72s both}.table-animate .rank2{animation:rank2 .42s 1.06s both}.table-animate .rank3{animation:rank3 .42s 1.40s both}.table-animate td,.table-animate th{animation:cellIn .42s both}.table-animate tr:nth-child(n) td{animation-delay:.08s}@keyframes cellIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes rank1{to{background:var(--rank1);font-weight:900;color:#eefdf5}}@keyframes rank2{to{background:var(--rank2)}}@keyframes rank3{to{background:var(--rank3)}}.rank1{background:var(--rank1);font-weight:900}.rank2{background:var(--rank2)}.rank3{background:var(--rank3)}
.evolution-list{display:grid;gap:12px}.evolution-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:12px;padding:12px}.episode-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px 4px}.episode-head b{font-size:.9rem}.episode-head span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan);font-size:.7rem}.episode-head>*:first-child{margin-right:auto}.five-videos{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.five-videos .video-cell{aspect-ratio:1.1/1}.mini-title{text-align:center;color:#919cad;font-size:.61rem;margin-bottom:5px;font-weight:800}.episode-table{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#080b10}.episode-table table{min-width:430px}
.eval-shell{display:grid;grid-template-columns:250px 1fr;gap:14px;padding:14px}.eval-tabs{display:grid;gap:8px;align-content:start}.eval-tab{text-align:left;border:1px solid var(--line);background:#090d13;color:#8e9aab;border-radius:14px;padding:13px 14px;cursor:pointer;font-weight:800;font-size:.76rem;transition:.2s;display:flex;flex-direction:column;gap:3px}.eval-tab:hover,.eval-tab.active{color:#edf7ff;border-color:rgba(85,215,255,.28);background:rgba(85,215,255,.07);transform:translateX(3px)}.eval-tab-hint{font-size:.6rem;font-weight:700;color:#7d8798}.eval-tab.active .eval-tab-hint{color:#9fd8ef}.eval-display{min-width:0;display:grid;align-items:start}.eval-view{display:grid;gap:10px;min-width:0}.eval-view[hidden]{display:none!important}.eval-view-bar{display:flex;justify-content:flex-end}.eval-view-bar .space-toggle{border-color:rgba(155,124,255,.45);color:#e4dbff;background:linear-gradient(180deg,#1a1526,#120e1c)}.eval-figure-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.eval-figure-row.eval-ratio-signal{grid-template-columns:1.174fr 1.017fr}.eval-figure-row.eval-ratio-62-35{grid-template-columns:0.62fr 0.35fr}.eval-fig{margin:0;min-width:0}.eval-fig img{display:block;width:100%;height:auto;border-radius:12px;background:#fff;border:1px solid var(--line)}.eval-fig figcaption{text-align:center;color:#8d99ac;font-size:.68rem;font-weight:700;margin-top:7px}.eval-fig.eval-single{max-width:100%;margin:0}.metric-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#0a0e15;color:#aab4c3;font-size:.7rem}.chip b{color:#eef7ff}
.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resource-panel{padding:20px}.resource-panel h3{font-size:1.35rem;margin:0 0 4px}.resource-panel>p{margin:0 0 18px;color:var(--muted);font-size:.83rem}.resource-list{display:grid;gap:8px}.resource-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:#090d13;transition:.2s}.resource-item:hover{transform:translateY(-2px);border-color:rgba(101,239,173,.25)}.resource-item b{display:block;font-size:.82rem}.resource-item small{color:#7f8a9b;font-size:.68rem}.download{border:1px solid rgba(101,239,173,.2);color:#bdf8d7;background:rgba(101,239,173,.06);padding:7px 9px;border-radius:10px;font-weight:900;font-size:.66rem}.agi-strip{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.agi-strip .video-cell{aspect-ratio:16/10}
.citation{padding:22px;position:relative}.citation pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#b7c4d5;font: .78rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.copy{position:absolute;top:14px;right:14px;border:1px solid var(--line);background:#0d121a;color:#bac5d4;border-radius:10px;padding:8px 11px;cursor:pointer;font-weight:800;font-size:.7rem}.copy:hover{border-color:rgba(85,215,255,.3);color:#fff}.back-top{width:100%;border:0;border-top:1px solid var(--line);background:linear-gradient(90deg,#070a0f,#0b1018,#070a0f);color:#aab5c5;padding:24px;cursor:pointer;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.back-top:hover{color:#fff;background:#0d121a}.footer-note{text-align:center;color:#596475;font-size:.68rem;padding:22px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}.muted{color:var(--muted)}.todo-note{padding:12px 14px;border:1px dashed rgba(255,189,102,.28);background:rgba(255,189,102,.045);border-radius:12px;color:#b6a37e;font-size:.74rem}.hidden{display:none!important}
@media(max-width:1100px){:root{--page:88vw}.contrib-grid{grid-template-columns:repeat(2,1fr)}.method-layout,.resource-grid,.evolution-row{grid-template-columns:1fr}.method-figure .asset-frame{min-height:380px}.eval-shell{grid-template-columns:1fr}.eval-tabs{grid-template-columns:repeat(3,1fr)}.eval-figure-row{grid-template-columns:1fr!important}.section-head{align-items:start;flex-direction:column}.section-note{text-align:left}.five-videos{min-width:850px}.evolution-row>div:first-child{overflow:auto}}

/* v2 interaction + presentation overrides */
.gallery-pager{display:grid;justify-items:center;gap:12px;margin:0 0 20px}.pager-buttons{display:flex;justify-content:center;gap:14px}.pager-btn{min-width:150px;cursor:pointer;border:1px solid rgba(85,215,255,.22);background:linear-gradient(180deg,#111824,#0b1018);color:#d9e4f1;padding:13px 22px;border-radius:15px;font-weight:850;font-size:.88rem;box-shadow:0 10px 28px rgba(0,0,0,.24);transition:transform .2s,border-color .2s,box-shadow .2s}.pager-btn:hover{transform:translateY(-3px);border-color:rgba(85,215,255,.5);box-shadow:0 15px 34px rgba(0,0,0,.34)}.pager-btn.space-toggle.active-space{border-color:rgba(155,124,255,.65);background:linear-gradient(180deg,#1a1526,#120e1c);color:#e4dbff;box-shadow:0 10px 28px rgba(155,124,255,.18)}
.pager-progress{width:min(520px,82vw);display:grid;gap:7px;justify-items:center}.pager-progress input[type="range"]{width:100%;height:4px;appearance:none;-webkit-appearance:none;border-radius:99px;background:linear-gradient(90deg,rgba(85,215,255,.78),rgba(155,124,255,.66));outline:none;cursor:pointer}.pager-progress input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f4f8ff;border:3px solid #55d7ff;box-shadow:0 0 18px rgba(85,215,255,.45)}.pager-progress input[type="range"]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#f4f8ff;border:3px solid #55d7ff}.pager-label{color:#aab5c5;font-size:.76rem;font-weight:800;letter-spacing:.025em}
.matrix-head{position:static!important;top:auto!important;z-index:auto!important;background:#101620!important;margin:0!important;align-self:end}.confidence-matrix{padding-top:2px}
/* Refresh-all: Replay-style button on the slider line, pinned to the PAGE far-left. */
.gallery-pager{margin-bottom:18px}
.pager-foot{position:relative;width:100%;display:grid;justify-items:center}
.pager-foot .replay-all{position:absolute;left:0;top:2px;transform:translateY(-50%);margin:0;font-size:.8rem;padding:8px 15px;gap:7px;white-space:nowrap}
.pager-foot .replay-all i{font-size:.88rem}
.replay-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(85,215,255,.28);background:rgba(85,215,255,.07);color:#aee6f8;border-radius:9px;padding:4px 9px;cursor:pointer;font-size:.62rem;font-weight:800;line-height:1.2;transition:.18s;margin-top:8px}.replay-btn:hover{border-color:rgba(85,215,255,.6);background:rgba(85,215,255,.14);color:#e4f6ff}.replay-btn i{font-size:.7rem}.replay-btn.spinning i{animation:replaySpin .65s linear}@keyframes replaySpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.episode-head .replay-btn{margin:0;font-size:.66rem;padding:5px 10px}
.baseline-links{display:grid;justify-items:center;gap:12px;margin-top:18px}.baseline-toggle{min-width:220px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.baseline-toggle .toggle-caret{transition:transform .25s;font-size:.72rem}.baseline-toggle.open .toggle-caret{transform:rotate(180deg)}.baseline-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;width:min(100%,980px);animation:baselineIn .3s ease both}@keyframes baselineIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.baseline-panel[hidden]{display:none!important}.baseline-panel a{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#0a0e15;color:#dfe7f2;font-weight:800;font-size:.85rem;transition:.2s}.baseline-panel a:hover{transform:translateY(-2px);border-color:rgba(85,215,255,.35);background:rgba(85,215,255,.06)}.baseline-panel a small{color:#7f8a9b;font-size:.66rem;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* Brighter paper-like table surface on the dark page. */
.view-panel[data-panel="detailed"],.view-panel[data-panel="aggregated"],.view-panel[data-panel="bootstrap"]{background:#f1f4f7}.table-wrap{min-width:960px;background:#f6f8fa;border-radius:14px;padding:8px}.data-table{color:#24303d;background:#fbfcfd;border:1px solid #dbe2e9;border-radius:10px;overflow:hidden;opacity:1}.data-table th,.data-table td{border-bottom:1px solid #e1e7ed;background:#fbfcfd}.data-table th{color:#536071;background:#eaf0f5}.data-table td:nth-child(2){color:#637083}.data-table tr.block-row td{color:#4e5b6b;background:#e5ebf1}.data-table tr.reference{color:#657284}.rank1,.rank2,.rank3{background:transparent;font-weight:inherit;color:inherit}.table-animate .data-table{animation:tableBaseIn .42s both}.table-animate .rank1{animation:rank1v2 .42s .58s both}.table-animate .rank2{animation:rank2v2 .42s .98s both}.table-animate .rank3{animation:rank3v2 .42s 1.38s both}.table-animate td,.table-animate th{animation:none!important}.delta-pos{color:#17854d;font-weight:850}.delta-neg{color:#c84654;font-weight:850}@keyframes tableBaseIn{from{opacity:0;transform:translateY(7px);filter:blur(1px)}to{opacity:1;transform:none;filter:none}}@keyframes rank1v2{to{background:#cef2dc;font-weight:900;color:#173d2a}}@keyframes rank2v2{to{background:#fff0b8}}@keyframes rank3v2{to{background:#f8d8dc}}

/* Code-rendered Figure 6. */
.chart-stack{min-height:610px;padding:10px;overflow:auto;background:#f6f8fa;border-radius:14px}.figure6-svg{display:block;width:100%;min-width:1180px;height:auto;border-radius:12px;background:#fff}.plot-axis{opacity:0;animation:plotAxisIn .42s .08s both}.plot-bar{opacity:0;transform:scaleY(0);transform-box:fill-box;transform-origin:center bottom;animation:plotBarRise .72s .58s cubic-bezier(.2,.8,.2,1) both}.plot-error{opacity:0;animation:plotErrorIn .3s 1.05s both}.plot-arrow{opacity:0;transform:translateY(-5px);animation:plotArrowIn .5s 1.48s both}@keyframes plotAxisIn{to{opacity:1}}@keyframes plotBarRise{to{opacity:1;transform:scaleY(1)}}@keyframes plotErrorIn{to{opacity:1}}@keyframes plotArrowIn{to{opacity:1;transform:none}}

/* Evolution: compact videos + four code-rendered metric charts. */
.evolution-row{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:14px;padding:13px}.episode-chart-shell{border:1px solid var(--line);border-radius:14px;background:#f6f8fa;overflow:hidden;min-width:0;padding:6px}.episode-chart-svg{display:block;width:100%;height:auto;min-width:0;background:#fff;border-radius:10px}.evo-axis{opacity:0;animation:plotAxisIn .4s .08s both}.evo-bar{opacity:0;transform:scaleY(0);transform-box:fill-box;transform-origin:center bottom;animation:plotBarRise .68s .55s cubic-bezier(.2,.8,.2,1) both}.evo-arrow{opacity:0;animation:plotArrowIn .48s 1.36s both}

.resource-panel .agi-strip{display:none!important}.citation{max-width:820px;margin:0 auto;padding:24px 26px}.citation pre{font-size:.76rem}.copy{top:12px;right:12px}
@media(max-width:720px){:root{--page:92vw}.nav{border-radius:18px;padding:8px 10px}.brand{font-size:.86rem}.nav-links{max-width:70vw}.nav-link{font-size:.68rem;padding:7px 9px}.hero{padding-top:112px}.title{font-size:clamp(3.2rem,18vw,5.2rem)}.subtitle{font-size:1rem}.authors{font-size:.78rem}.section{padding:74px 0}.kicker{font-size:1.22rem}.section h2{font-size:1rem}.contrib-grid{grid-template-columns:1fr}.method-figure .asset-frame{min-height:250px}.gallery-toolbar,.result-toolbar{align-items:flex-start;flex-direction:column}.resource-grid{grid-template-columns:1fr}.agi-strip{grid-template-columns:1fr}.stage{min-height:440px}.chart-stack{min-height:410px}.pill-link{padding:9px 12px;font-size:.76rem}.pager-foot{display:grid;justify-items:center}.pager-foot .replay-all{position:static;transform:none;margin:0 0 6px}}

/* v3 layout, interaction, and animation refinements */
:root{--page:min(70vw,1320px)}
.section{border-bottom:2px solid rgba(255,255,255,.19)}

/* Keep large section shells stationary; lift only meaningful local content. */
.teaser.card:hover,.matrix-scroll.card:hover,.result-shell.card:hover,.evolution-row.card:hover,.resource-panel.card:hover{transform:none;border-color:var(--line);box-shadow:var(--shadow)}
.matrix-head,.task-label,.video-cell,.evo-video-item{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.matrix-head:hover,.task-label:hover,.video-cell:hover,.evo-video-item:hover{transform:translateY(-3px);border-color:rgba(85,215,255,.24);box-shadow:0 12px 28px rgba(0,0,0,.26)}
.evo-video-item{border-radius:12px;padding:3px}

/* Active-learning tables: explicit four-step reveal sequence. */
.view-panel[data-panel="detailed"],.view-panel[data-panel="aggregated"],.view-panel[data-panel="bootstrap"]{background:#f4f6f8}
.table-wrap{background:#f8fafb}
.data-table{background:#fff;color:#24303d}
.data-table th,.data-table td{background:#fff}
.data-table th{background:#edf2f6}
.data-table tr.block-row td{background:#e5ebf1}
.data-table .ours-method{font-weight:900;color:#24303d}
.table-sequence .data-table{opacity:0;transform:translateY(7px);transition:opacity .34s ease,transform .34s ease}
.table-sequence.stage-base .data-table{opacity:1;transform:none}
.table-sequence .rank1,.table-sequence .rank2,.table-sequence .rank3{background:#fff!important;color:inherit!important;font-weight:inherit!important;transition:background .34s ease,color .34s ease,font-weight .34s ease}
.table-sequence.stage-green .rank1{background:#d8f2e2!important;color:#173d2a!important;font-weight:900!important}
.table-sequence.stage-yellow .rank2{background:#fff0b8!important}
.table-sequence.stage-red .rank3{background:#f8d8dc!important}
.data-table tbody tr:not(.block-row):hover td{background:#eef1f4!important}
.data-table tbody tr:not(.block-row){transition:background .16s ease}

/* Figure 6: hover each chart panel, never the whole result shell. */
.plot-panel{transform-box:fill-box;transform-origin:center;transition:transform .18s ease}
.plot-panel-bg{fill:transparent;transition:fill .18s ease}
.plot-panel:hover{transform:translateY(-2px)}
.plot-panel:hover .plot-panel-bg{fill:#f2f4f6}

/* Qualitative evolution: compact table, no horizontal overflow. */
.evolution-row{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:26px;padding:12px}
.episode-metrics-side{min-width:0}
.episode-table{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#0a0e14}
.episode-metrics-table{width:100%;min-width:0!important;border-collapse:collapse;table-layout:fixed;font-size:clamp(.58rem,.54vw,.68rem);color:#cbd4df}
.episode-metrics-table th,.episode-metrics-table td{padding:5px 5px;border-bottom:1px solid rgba(255,255,255,.065);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.episode-metrics-table th{font-size:.58rem;text-transform:uppercase;letter-spacing:.035em;color:#8f9bad;background:#0f151e}
.episode-metrics-table th:first-child,.episode-metrics-table td:first-child{text-align:left;width:30%;padding-left:8px}.episode-metrics-table th:nth-child(2),.episode-metrics-table td:nth-child(2){width:26%;padding-left:5px}
.episode-metrics-table tbody tr:hover td{background:rgba(255,255,255,.065)}
.episode-metrics-table tbody tr:last-child td{border-bottom:0}

/* v4 responsive refinements */
/* Confidence matrix shrinks with the page and only scrolls on genuinely narrow viewports. */
.matrix-scroll{overflow-x:auto;overflow-y:visible}
.confidence-matrix{width:100%;min-width:820px;grid-template-columns:minmax(112px,.72fr) repeat(6,minmax(104px,1fr));gap:7px}
.matrix-head{padding:8px 5px;font-size:clamp(.57rem,.50vw,.70rem)}
.task-label{padding:10px}.task-label b{font-size:clamp(.66rem,.58vw,.80rem)}
.video-cell{min-width:0}

/* Figure 6: scale first, scroll only after the figure becomes too small to read. */
.chart-stack{overflow-x:auto;overflow-y:hidden;min-height:0;padding:8px}
.figure6-wrap{width:100%;min-width:780px}
.figure6-legend{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:clamp(8px,1.15vw,17px);row-gap:7px;padding:4px 8px 10px;color:#27313d;font-size:clamp(9px,.67vw,11.5px);font-weight:700}
.figure6-legend-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.figure6-legend-swatch{width:18px;height:11px;border-radius:3px;flex:0 0 auto}
.figure6-svg{width:100%;min-width:0!important;max-width:100%;height:auto}

/* Left-align both descriptive table columns and emphasize our weighting choice. */
.data-table th:nth-child(2),.data-table td:nth-child(2){text-align:left}
.data-table .ours-weighting{font-weight:900;color:#24303d}

/* Qualitative episode metrics use a white compact table with per-metric ranks. */
.episode-table{width:100%;overflow:hidden;border:1px solid #dbe2e9;border-radius:12px;background:#fff}
.episode-metrics-table{color:#26313d;background:#fff}
.episode-metrics-table th,.episode-metrics-table td{padding:5px 5px;border-bottom:1px solid #e4e9ee;background:#fff}
.episode-metrics-table th{color:#596777;background:#edf2f6}
.episode-metrics-table tbody tr:hover td{background:#eef1f4!important}
.episode-rank1{background:#d8f2e2!important;color:#173d2a!important;font-weight:900!important}
.episode-rank2{background:#fff0b8!important}
.episode-rank3{background:#f8d8dc!important}

@media(max-width:1250px){.confidence-matrix{min-width:760px;grid-template-columns:104px repeat(6,minmax(98px,1fr))}.figure6-wrap{min-width:720px}}
@media(max-width:860px){.confidence-matrix{min-width:700px}.figure6-wrap{min-width:680px}.figure6-legend{font-size:9px;column-gap:10px}}

/* Overview teaser: figure / video toggle + sound chip pinned to the card's top-left. */
.ov-toggle{display:flex;justify-content:center;gap:8px;margin:2px 0 12px}
.ov-frame .ov-media{display:none;width:100%;height:100%;object-fit:contain;background:#030508}
.ov-frame[data-ov="figure"] .ov-fig{display:block}
.ov-frame[data-ov="video"] .ov-vid{display:block}
.teaser.card{position:relative}
.ov-sound-row{position:absolute;z-index:5;top:15px;left:22px;display:flex;align-items:center;gap:8px}
.ov-sound{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line2);background:rgba(7,10,15,.74);backdrop-filter:blur(12px);color:#e8f1fa;border-radius:999px;font-size:1.02rem;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.32);transition:border-color .2s,background .2s,transform .2s}
.ov-sound:hover{border-color:rgba(85,215,255,.5);background:rgba(85,215,255,.14);transform:translateY(-1px)}
.ov-sound-hint{font-size:.7rem;font-weight:800;letter-spacing:.02em;color:#9fd8ef;text-shadow:0 2px 10px rgba(0,0,0,.55);pointer-events:none;white-space:nowrap}
@media(max-width:950px){.ov-sound-hint{display:none}}

/* Section-specific stationary shells. */
#active-learning .result-shell,#resources .resource-panel,#confidence-viz .matrix-scroll,#evolution .evolution-row{will-change:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Theme switch: keep the control visible while narrow navigation links scroll. */
:root{color-scheme:dark}
.brand{flex-shrink:0}
.nav-links{min-width:0;margin-left:auto}
.nav-link{padding-inline:9px}
.theme-toggle{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line2);border-radius:50%;background:var(--surface2);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{border-color:var(--cyan);transform:translateY(-1px)}
.theme-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-moon{display:none}
:root[data-theme="light"] .theme-sun{display:none}
:root[data-theme="light"] .theme-moon{display:block}
@media(max-width:720px){.nav{width:92vw;gap:8px}.theme-toggle{flex-basis:36px;width:36px;height:36px}}

/* Light surfaces and text; research figures, tables, and videos retain their colors. */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f7fb;--bg2:#edf2f8;--surface:rgba(255,255,255,.88);--surface2:#fff;
  --line:rgba(30,49,77,.12);--line2:rgba(30,49,77,.22);--text:#18253a;--muted:#56657b;
  --cyan:#006f95;--blue:#365ccc;--violet:#7451c2;--amber:#976000;--green:#137448;--red:#ba354a;
  --shadow:0 18px 55px rgba(35,57,89,.09);
}
:root[data-theme="light"] .nav{background:rgba(255,255,255,.86);box-shadow:0 10px 36px rgba(35,57,89,.10)}
:root[data-theme="light"] .nav-link:hover,:root[data-theme="light"] .nav-link.active{background:rgba(0,111,149,.08)}
:root[data-theme="light"] .hero-vignette{background:linear-gradient(180deg,rgba(245,247,251,.12),rgba(245,247,251,.2) 55%,var(--bg) 100%),radial-gradient(circle at 50% 36%,transparent 0,rgba(245,247,251,.18) 60%,rgba(245,247,251,.72) 100%)}
:root[data-theme="light"] .title .wm{background-image:linear-gradient(105deg,#18253a 20%,#006f95 52%,#7451c2 84%)}
:root[data-theme="light"] .eyebrow{color:#006784;border-color:rgba(0,111,149,.22);background:rgba(0,111,149,.06)}
:root[data-theme="light"] .subtitle,:root[data-theme="light"] .contrib p,:root[data-theme="light"] .citation pre{color:#465770}
:root[data-theme="light"] .section h2,:root[data-theme="light"] .pager-label,:root[data-theme="light"] .mini-title,:root[data-theme="light"] .eval-fig figcaption,:root[data-theme="light"] .scroll-hint,:root[data-theme="light"] .footer-note,:root[data-theme="light"] .resource-item small,:root[data-theme="light"] .baseline-panel a small{color:var(--muted)}
:root[data-theme="light"] .section{border-bottom-color:var(--line2)}
:root[data-theme="light"] .card{background:linear-gradient(180deg,#fff,#f9fbfd)}
:root[data-theme="light"] .card:hover{box-shadow:0 24px 65px rgba(35,57,89,.13)}
:root[data-theme="light"] .ctrl,:root[data-theme="light"] .task-label,:root[data-theme="light"] .eval-tab,:root[data-theme="light"] .resource-item,:root[data-theme="light"] .chip,:root[data-theme="light"] .copy,:root[data-theme="light"] .baseline-panel a{background:#fff;color:var(--text)}
:root[data-theme="light"] .ctrl:hover,:root[data-theme="light"] .ctrl.active,:root[data-theme="light"] .eval-tab:hover,:root[data-theme="light"] .eval-tab.active{background:#e7f3f8;color:#005f80;border-color:rgba(0,111,149,.35)}
:root[data-theme="light"] .eval-tab-hint{color:var(--muted)}
:root[data-theme="light"] .eval-tab.active .eval-tab-hint{color:#006784}
:root[data-theme="light"] .matrix-head{background:#e8eef6!important;color:#465770}
:root[data-theme="light"] .stage{background:#eef2f7}
:root[data-theme="light"] .pager-btn{background:linear-gradient(180deg,#fff,#edf2f8);color:var(--text);border-color:var(--line2);box-shadow:0 8px 22px rgba(35,57,89,.10)}
:root[data-theme="light"] .pager-btn.space-toggle.active-space,:root[data-theme="light"] .eval-view-bar .space-toggle{background:#f0eafa;color:#6540ac;border-color:rgba(116,81,194,.4)}
:root[data-theme="light"] .replay-btn{background:#e7f3f8;color:#006784;border-color:rgba(0,111,149,.28)}
:root[data-theme="light"] .replay-btn:hover{background:#d8edf5;color:#00546f}
:root[data-theme="light"] .chip b{color:var(--text)}
:root[data-theme="light"] .download{background:#e5f4eb;color:#12633c;border-color:rgba(19,116,72,.25)}
:root[data-theme="light"] .pill-link{background:var(--button-bg,#fff);color:var(--button-fg,var(--text));box-shadow:0 10px 24px rgba(35,57,89,.12)}
:root[data-theme="light"] .pill-link.todo::after{background:#e9edf3;color:#536077}
:root[data-theme="light"] .back-top{background:linear-gradient(90deg,#edf2f8,#fff,#edf2f8);color:#465770}
:root[data-theme="light"] .back-top:hover{background:#e5edf6;color:var(--text)}
:root[data-theme="light"] .todo-note{color:#795c25;background:#fff8e9;border-color:rgba(151,96,0,.28)}