:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--bg:#111719;--panel:#1a2225;--line:#2c383c;--ink:#e8eeef;--muted:#9eafb4;--accent:#bce5b2;--sel:#2a3c32;background:var(--bg);color:var(--ink);font-size:14px}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}button,select,input{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:var(--panel)}button{cursor:pointer;padding:8px 11px}button:hover{border-color:#718b79;background:#25322e}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1{font-size:26px;letter-spacing:-.8px;margin-bottom:8px;font-weight:600}h2{font-size:20px;font-weight:600;letter-spacing:-.35px}h3{font-size:14px}input,select{padding:9px 11px;min-width:0}select{cursor:pointer}input[type=range]{accent-color:var(--accent)}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.7}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400;flex:none}.masthead{height:64px;flex:none;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:650}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#17251c;font-size:23px}.brand-sub{color:var(--muted);font-size:13px;font-weight:400;margin-left:10px}.readonly{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.readonly>span{height:6px;width:6px;background:var(--accent);border-radius:50%}#layout{flex:1;display:flex;min-height:0}aside{width:278px;flex:none;display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.aside-heading{padding:27px 18px 10px}.all-button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;margin-top:14px;background:none;border-color:transparent}.all-button.active{color:var(--accent);background:var(--sel)}#tree{overflow:auto;padding:0 12px 24px}.skill>h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:22px 8px 10px;display:flex;justify-content:space-between}.object>h4{font-size:12px;font-weight:500;margin:16px 8px 5px;color:var(--muted);display:flex;justify-content:space-between}.intent,.desc{display:flex;width:100%;justify-content:space-between;gap:8px;text-align:left;background:none;border:0;border-radius:5px;line-height:1.5}.intent{padding:8px;font-size:12px}.desc{padding:6px 8px 6px 20px;font-size:11px;color:var(--muted)}.intent:hover,.desc:hover{background:#202e29}.intent.active,.desc.active{background:var(--sel);color:var(--accent)}.intent.active{box-shadow:inset 2px 0 var(--accent)}.aside-foot{padding:15px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.7;margin-top:auto}main{flex:1;overflow:auto;padding:30px 32px;min-width:0;scroll-behavior:smooth}.dataset-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.dataset-head .eyebrow{margin-bottom:10px}#summary{font-size:12px}.stats{display:flex;gap:25px}.stat{display:flex;flex-direction:column;gap:4px}.stat strong{font-size:24px;font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.filter-bar label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px}.filter-bar select{font-size:12px;max-width:215px;height:37px}.search-field{flex:1;min-width:220px}.search-field input{font-size:12px;height:37px;background:transparent}input::placeholder{color:#84979d}.selection-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.selection-head h2{margin:0 0 6px}.selection-head .meta{margin:0}.reset{font-size:11px;background:transparent;color:var(--muted);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.card:hover{border-color:#779d79;transform:translateY(-2px)}.card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card .thumb{position:relative;width:100%;background:#080c0d}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.thumb-label{position:absolute;bottom:9px;left:10px;font-size:10px;padding:4px 6px;border-radius:4px;background:#0b1215df;color:#e8eeef}.card .body{width:100%;padding:13px 14px;display:flex;flex-direction:column;gap:9px;font-size:11px}.card .title{font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:8px}.card .instruction{font-size:14px;line-height:1.45;font-weight:500;min-height:40px}.card .collection{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-top:9px;border-top:1px solid var(--line)}.meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted);margin-top:6px}.status{font-size:10px;white-space:nowrap;font-weight:400}.status.good{color:var(--accent)}.status.bad{color:#ffada7}.status.none{color:var(--muted)}#player{background:#182124;padding:20px;margin-bottom:28px;border:1px solid #455d4b;border-radius:12px;scroll-margin-top:20px}.player-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.player-head .eyebrow{margin-bottom:8px}.player-head h2{line-height:1.4;margin-bottom:8px;font-size:18px}.player-nav{display:flex;gap:6px;flex:none}#videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:18px 0}#videos figure{margin:0}#videos figcaption{font-size:11px;color:var(--muted);margin-bottom:7px}#videos video{width:100%;max-height:38vh;aspect-ratio:16/9;background:#080c0d;display:block;border-radius:6px}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#scrub{flex:1;min-width:100px;padding:0}#play{min-width:42px;color:var(--accent)}#player>p{margin:13px 0 0}.empty{color:var(--muted);margin:60px auto;text-align:center;line-height:1.8}.empty h3{font-size:20px;color:var(--ink);margin-bottom:8px}.page-foot{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);margin-top:28px;padding-top:18px}#error{color:#ffada7} @media(min-width:1700px){main{padding-left:48px;padding-right:48px}.grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}}
@media(max-width:1150px){aside{width:235px}main{padding:24px}.stats{gap:16px}.stat strong{font-size:20px}.dataset-head{align-items:flex-start;flex-direction:column}.filter-bar{gap:10px}.search-field{flex-basis:100%}}
@media(max-width:760px){body{height:auto;min-height:100dvh}.masthead{height:56px;padding:0 16px}.brand-sub{font-size:11px;margin-left:4px}.readonly{display:none}#layout{display:block}aside{width:auto;border-right:0;border-bottom:1px solid var(--line)}.aside-heading{padding:15px 16px 10px;display:flex;align-items:center;justify-content:space-between}.all-button{margin:0;width:auto;gap:18px}#tree{max-height:180px;display:flex;gap:14px;padding-bottom:14px}.skill{min-width:220px}.skill>h3{margin-top:6px}.object>h4{margin-top:10px}.aside-foot{display:none}main{overflow:visible;padding:24px 16px}.dataset-head{gap:18px;margin-bottom:24px}h1{font-size:24px}.stats{width:100%;justify-content:space-between}.filter-bar label:not(.search-field){flex:1;min-width:110px}.filter-bar select{width:100%;max-width:none}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.player-head{flex-wrap:wrap}#player{padding:14px}.controls{gap:8px}#clock{order:5;flex-basis:100%}#videos{grid-template-columns:1fr}.selection-head{align-items:flex-start}.selection-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.player-nav{align-items:center}.camera-sample{float:right;font-size:10px;color:#91a5aa}.transport{padding-top:8px}.transport>#scrub{display:block;width:100%;margin:0 0 14px}.frame-buttons{display:flex;gap:4px}.frame-buttons button{height:34px;padding:4px 9px}.frame-buttons #play{min-width:64px;background:var(--accent);color:#17251c;font-weight:600}.frame-counter{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.frame-counter input{width:62px;padding:7px;font-size:12px}.playback-options{display:flex;gap:12px;align-items:center;margin-left:auto}.playback-options select,.playback-options button{font-size:11px;padding:7px}.loop-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.loop-label input{accent-color:var(--accent)}#player-status{margin-top:13px;font-size:10px}#player-status.error{color:#ffada7}.reading-guide{border-top:1px solid var(--line);padding-top:13px;margin-top:12px;font-size:11px;color:var(--muted);line-height:1.7}.reading-guide summary{cursor:pointer}.reading-guide p{margin:12px 0 0;max-width:850px}kbd{font:inherit;color:var(--ink);background:var(--panel);padding:2px 5px;border:1px solid var(--line);border-radius:3px}@media(max-width:760px){.frame-counter #clock{order:initial;flex-basis:auto}.playback-options{margin-left:0;flex-wrap:wrap}.camera-sample{font-size:9px}.player-nav{width:100%;justify-content:flex-end}.player-nav #episode-position{margin-right:auto}.controls{gap:12px}}
.inspector{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.inspector>summary{cursor:pointer;font-size:12px;font-weight:500}.inspector>summary>span{font-size:10px;font-weight:400;margin-left:8px}.inspector-content{padding-top:14px}#segments{display:flex;gap:3px;margin:10px 0 15px;overflow-x:auto}.segment{font-size:9px;padding:5px 0;flex-basis:0;min-width:14px;border-radius:3px;background:#253739;color:#a6babf}.segment.active{background:var(--accent);color:#17251c;border-color:var(--accent)}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}.chart-heading label{white-space:nowrap}.chart-heading select{padding:5px 8px;font-size:10px;margin-left:7px}#action-chart{width:100%;height:112px;display:block;cursor:crosshair;margin:6px 0}.sample-timing{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:var(--muted);margin:10px 0 15px}.gap-note{color:#f2c58b}.action-values{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.action-value{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}.action-value strong{color:var(--ink);font-size:12px;font-weight:500;white-space:nowrap}.action-value.masked strong{font-size:9px;color:var(--muted)}.action-meter{position:relative;height:5px;background:#2f3b3e;border-radius:2px;overflow:hidden}.action-meter:after{content:'';position:absolute;left:50%;width:1px;height:100%;background:#748b91}.action-meter.closure:after{left:0}.action-meter>span{position:absolute;top:0;height:100%;background:var(--accent)}.observed-state{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:10px;color:var(--muted);margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.observed-state .mono{font-size:10px}.error{color:#ffada7}@media(max-width:760px){.inspector>summary>span{display:block;margin:7px 0 0}.action-values{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-heading{align-items:flex-start}.chart-heading>span{font-size:9px;max-width:170px}.sample-timing{font-size:10px}}
.dataset-tag{font-size:10px;font-weight:600;padding:2px 5px;margin-right:7px;border-radius:4px;background:#25322e;color:var(--accent);letter-spacing:.02em}
