/* Charcoal, ice-blue, and soft violet research-film presentation. */
:root{color-scheme:dark;--bg:#09090a;--ink:#e8ebf1;--muted:#8b8e97;--line:#26282d;--blue:#7d99da;--purple:#89a5e7;--shadow:0 18px 40px -20px #000a;--accent:#89a5e7}
body{background:var(--bg);color:var(--ink)}::selection{background:#89a5e7;color:#0f1014}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#89a5e7}.skip{background:#89a5e7;color:#0d0f14}
.nav-wrap{background:#09090aed;border-bottom-color:#26282d}nav{height:72px}.star,.eyebrow,.flow-icon,.text-link{color:#89a5e7}.brand-sub,.nav-links{color:#9b9fa8}.nav-links a:hover{color:#a1b8ec}.nav-paper{background:#141518;border-color:#2e333f;box-shadow:0 3px 0 #1a1c22;color:#ccd4e5}.hero-glow{background:radial-gradient(ellipse at 50% 15%,#2d406d1d,transparent 65%)}h1{font-weight:650}h1>span,.gradient-text{background:linear-gradient(100deg,#a5baec,#6983c1);background-clip:text;color:transparent}.hero-description{color:#9da1ab}.authors{color:#bdc1ca}.authors i{color:#555a67}sup{color:#8698c2}.affiliations{color:#989da9}.contributions{color:#848892}.year{border-color:#2e3649;color:#94a7d4}.dot{background:#86a2e3}.primary{background:#89a5e7;color:#13161d;box-shadow:0 4px 0 #526186,0 10px 24px #3f578f20}.secondary{background:#131417;color:#c9d1e5;border-color:#2d3342;box-shadow:0 4px 0 #1a1d24}.hero-tile{background:#101114;border-color:#1d2026;box-shadow:0 12px 28px #0006}.hero-tile img{background:#070809}.tile-caption{color:#cacfdc}.tile-num{color:#818897}.play-circle{background:#0d0e10e8;border-color:#8097cd99;color:#b2c4ef;box-shadow:0 3px 15px #0008}.strip-caption,.strip-caption>span:first-child{color:#8c95a8}.strip-caption a{color:#91a4d2}.section-heading>p{color:#989da9}.muted{color:#767b87}.small-label{color:#929aad}.stat-card{border-color:#2c313e;box-shadow:inset 0 1px 0 #525c7633,0 5px 0 #181b21,0 15px 28px -12px #000b}.stat-card:hover{box-shadow:inset 0 1px 0 #7487b344,0 8px 0 #22262e,0 23px 32px -8px #000b}.blue,.violet,.peach,.lavender{background:linear-gradient(145deg,#15171b,#0c0c0e);--base:#181b21;--shade:#0009;color:#98b1ea}.violet{background:linear-gradient(145deg,#181a20,#0e1013);color:#859aca}.peach{background:linear-gradient(145deg,#1c1e23,#101114);color:#96a9d5}.lavender{background:linear-gradient(145deg,#1a1c1f,#101012);color:#aab4cd}.stat-number{text-shadow:none}.stat-card strong{color:#c4cad7}.stat-detail{color:#9199aa}.corner-arrow{color:#92a6d5}.delta{color:#a8bbe6}.takeaway p{color:#818795}.takeaway strong{color:#cbd4e6}.takeaway-mark{color:#798fc3}.abstract{color:#989eab}summary{color:#b4bed4}.tinted:before{background:#0c0c0e}.flow-node{background:#0f1014;border-color:#2a2d36}.flow-node.model{background:linear-gradient(135deg,#1a1d25,#111317);border-color:#36415b;box-shadow:0 6px 0 #181c24,0 16px 28px -20px #677fb544}.flow-node p{color:#9198a9}.flow-arrow{color:#8c98b3}.feedback{border-color:#282c35;color:#8c94a8}.tool-row>span{color:#8991a4}.tool-row code{color:#a7b2cb}.chapter-number{color:#7b8ebb}.capability-grid article>p:not(.note){color:#969dac}.mini-result{color:#818899}.mini-result strong{color:#99b1e7}.mini-result i{color:#5f687c}.note{color:#8a92a3!important}.text-link{border-bottom-color:#3d4965}.benchmark-panel{background:#0e0f13;border-color:#2b2e36}.benchmark-name{color:#cfd3de}.benchmark-name small{color:#8d95a9}.dimension-line{color:#939bad}.dimension-line>span{color:#b6bfd4}.dimension-line b{color:#647293}.success-comparison>div>span{color:#8c94a8}.success-comparison p{color:#949cb0}.comparison-arrow{color:#7383a7}.raised-score{background:linear-gradient(135deg,#1e222a,#111319);border-color:#36425e;box-shadow:0 6px 0 #1f2431,0 18px 26px -12px #0008}.raised-score>span{color:#98b0e9!important;text-shadow:none}.experiment-note p{color:#959dae}.experiment-note a{color:#95a9d9}.segmented{background:#0f1115;border-color:#2c3241}.segmented button{color:#99a1b4}.segmented button.active{background:#849fdd;color:#151921;box-shadow:0 2px 5px #0005}.legend{color:#a2aabc}.legend-zero{background:#747c8f}.legend-icl{background:#849fdd}.real-chart{background:#0f1013;border-color:#272b33}.task-bars{border-bottom-color:#2c3241}.task-label{color:#b5bdce}.task-count{color:#838b9f}.task-bar{background:linear-gradient(90deg,#6e7483,#8891a7);box-shadow:4px 0 0 #454d5e}.task-bar.icl{background:linear-gradient(90deg,#758dc7,#98afe5);box-shadow:4px 0 0 #4e6496}.task-bar span{color:#bec7dd}.video-section-title>span{color:#929bae}.filters button{background:#0f1115;border-color:#2c3241;color:#a0a8b9}.filters button.active{background:#21252f;border-color:#4b5a7d;color:#adc0ec;box-shadow:0 2px 0 #2c3750}.video-card{background:#0e1013;border-color:#2a2d35;box-shadow:0 5px 0 #14161c}.video-card:hover{box-shadow:0 8px 20px #0006}.video-thumb,.video-thumb img{background:#050506}.video-badge{background:#171b23ed;color:#a3b9ec;border-color:#52618480}.video-badge.failure{background:#341e13ed;color:#efb592;border-color:#925b3e80}.speed-badge{background:#0a0b0de8;color:#cbd2e2}.video-info p{color:#8c94a7}.geo-section:before{background:linear-gradient(160deg,#0f1115,#0a0b0e)}.geo-summary strong{color:#92aae1}.geo-summary>div>span:last-child{color:#8c94a7}.geo-arrow{color:#6c7895}.geo-summary>p{color:#8c9aba}.limitations article{border-color:#2c3240}.limitations article>span{color:#8798bf}.limitations p{color:#959dae}.search-box{border-bottom-color:#323a4d}.search-box>span{color:#99a4bd}.search-box input{color:#c9cfdc}.search-box input::placeholder{color:#7d8597}.library-sub{color:#98a0b4}.library-sub select{background:#0e1015;border-color:#2f3748;color:#afb9d2}.empty{color:#99a1b4}.citation-section>div>p:not(.eyebrow){color:#979eae}.citation-box{background:#0f1115;border-color:#2c3241}.citation-box button{color:#9eb1dc}.citation-box pre{color:#99a3ba}#copy-status{color:#9bb0e0}footer p{color:#868ea0}footer>a:last-child{color:#9ca7c0}dialog{background:#0f1114;border-color:#3a445a;box-shadow:0 25px 100px #000c}dialog::backdrop{background:#020304c9}.dialog-header button{background:#21252e;color:#adbfea}dialog video{background:#030304}dialog>p{color:#8f98ac}
.rate-column{border-bottom-color:#313849;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#7388b812 calc(50% - 1px),#7388b812 50%)}.rate-fill{background:linear-gradient(100deg,#8ea4d8,#5c74ab);box-shadow:5px 0 0 #394b74,0 -1px 0 #b7c8ee inset}.violet .rate-fill,.mini-result .after .rate-fill,.raised-score .rate-fill,.geo-summary .rate-fill{background:linear-gradient(100deg,#9db4e9,#748cc6);box-shadow:5px 0 0 #4c608e,0 -1px 0 #d3def6 inset}.peach .rate-fill{background:linear-gradient(100deg,#9fb0d8,#7184b1);box-shadow:5px 0 0 #4c5d84}.lavender .rate-fill{background:linear-gradient(100deg,#a7b5d6,#78839c);box-shadow:5px 0 0 #525b70}.axis-zero,.axis-top{color:#727b8e}.benchmark-stage{border-bottom-color:#323a4d;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),#8498c820 calc(50% - 1px),#8498c820 50%)}.benchmark-bar{background:linear-gradient(100deg,#97afe5,#617cbc);box-shadow:5px 0 0 #405584}.benchmark-bar>strong{color:#acbee9}.benchmark-column:nth-child(2) .benchmark-bar{background:linear-gradient(100deg,#a5b8e6,#7187bb);box-shadow:5px 0 0 #4e5f8a}.benchmark-column:nth-child(n+4) .benchmark-bar{background:linear-gradient(100deg,#99a3bc,#707b93);box-shadow:5px 0 0 #444e66}
/* Film comes before the sticky paper navigation, like a cinematic cover. */
.opening-film{min-height:100svh;padding:24px 4vw 26px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 40%,#181b2244,transparent 68%),#050506;color:#e0e3eb;position:relative;isolation:isolate}.film-heading{width:min(1200px,100%);margin:0 auto;display:flex;gap:28px;align-items:center;font-size:9px;letter-spacing:2.4px;color:#7e879c}.film-wordmark{font-family:Manrope,var(--font);font-weight:600;font-size:14px;color:#a0b3df;letter-spacing:2px}.film-edition{margin-left:auto;font-size:8px}.film-stage{position:relative;width:min(1200px,100%);height:calc(100svh - 220px);min-height:280px;max-height:790px;margin:0 auto;background:#030304;border:1px solid #272f40;border-radius:10px;overflow:hidden;box-shadow:0 0 70px #576fa710,0 20px 60px #0007;animation:film-arrive 1.2s ease both}.film-stage video{width:100%;height:100%;display:block;object-fit:contain;background:radial-gradient(ellipse,#181a20,#030304 70%)}.film-corner{position:absolute;width:14px;height:14px;pointer-events:none;border-color:#849cd3;border-style:solid;opacity:.55}.top-left{top:11px;left:11px;border-width:1px 0 0 1px}.top-right{top:11px;right:11px;border-width:1px 1px 0 0}.bottom-left{bottom:14px;left:11px;border-width:0 0 1px 1px}.bottom-right{bottom:14px;right:11px;border-width:0 1px 1px 0}.film-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#232730}.film-progress span{display:block;height:100%;width:0;background:#8ca7e7;box-shadow:0 0 16px #8ca7e788;transition:width .2s linear}.film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:15px;padding:17px 27px;background:#0c0d10db;border:1px solid #748abe;border-radius:50px;color:#c8d5f4;font-size:14px;white-space:nowrap;backdrop-filter:blur(8px)}.film-start span{color:#89a5e7;font-size:23px}.film-caption{width:min(1200px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:25px;animation:film-caption-in 1s .25s both}.film-kicker{font-size:8px;letter-spacing:1.8px;color:#8fa0c9;display:flex;align-items:center;gap:7px}.film-kicker i{display:block;width:5px;height:5px;border-radius:50%;background:#89a5e7;box-shadow:0 0 10px #89a5e766}.film-caption h2{font-size:clamp(17px,2vw,26px);letter-spacing:-.6px;font-weight:500;margin:9px 0 7px}.film-caption p{color:#7c8495;font-size:10px}.film-caption p span{margin:0 10px;color:#3b455d}.film-controls{display:flex;gap:10px;align-items:center}.film-controls>span{font-size:9px;font-family:monospace;color:#7985a2;white-space:nowrap;margin-right:10px}.film-controls button{display:grid;place-items:center;width:36px;height:36px;background:#101216;color:#acb9d7;border:1px solid #2f384c;border-radius:50%;font-size:19px;transition:background .2s,border-color .2s}.film-controls button:hover{background:#21252f;border-color:#849bd0}.film-scroll{align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:8px;letter-spacing:3px;color:#909cb8;margin-top:3px}.film-scroll>span:last-child{font-size:20px;line-height:1.4;color:#89a5e7;animation:film-scroll-cue 2.8s ease-in-out infinite}.film-status{font-size:11px;color:#a7b4d3;text-align:center}.film-status:empty{display:none}.film-stage:fullscreen{width:100vw;height:100vh;max-height:none;border:0;border-radius:0}.film-stage:fullscreen video{background:#000}
@keyframes film-arrive{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes film-caption-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes film-scroll-cue{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(4px);opacity:1}}
@media(max-width:900px){.film-edition{display:none}.film-heading{justify-content:space-between}.film-stage{height:calc(100svh - 235px)}.film-controls{gap:7px}.film-controls>span{display:none}}
@media(max-width:600px){.nav-links{gap:10px}.nav-links a:nth-child(2){display:block}.nav-links a:nth-child(3){display:none}.nav-links a{font-size:9px}.opening-film{padding:20px 16px 22px;gap:20px;min-height:100svh;justify-content:space-between}.film-heading{font-size:7px;letter-spacing:1.5px}.film-wordmark{font-size:12px}.film-stage{height:auto;min-height:0;max-height:none;aspect-ratio:960/850;flex:1;max-height:60svh;border-radius:7px;animation-duration:.8s}.film-stage video{position:absolute;inset:0}.film-caption{flex-direction:column;align-items:flex-start;gap:18px}.film-caption h2{font-size:23px;line-height:1.2;max-width:300px}.film-kicker{font-size:7px;letter-spacing:1.4px}.film-caption p{font-size:9px;line-height:1.8;max-width:310px}.film-caption p span{margin:0 6px}.film-controls{width:100%;gap:10px}.film-controls>span{display:block;margin-right:auto}.film-controls button{width:32px;height:32px;font-size:17px}.film-scroll{font-size:7px;margin-top:0}.film-start{font-size:12px;padding:12px 20px;gap:10px}.task-item{background:#0f1013;border-color:#2a2e37}}
@media(prefers-reduced-motion:reduce){.film-stage,.film-caption,.film-scroll>span:last-child{animation:none}.film-progress span{transition:none}}

/* Accent roles: blue for primary actions, violet for contextual comparisons. */
:root{--bg:#090b10;--ink:#eef0f7;--muted:#9ba6b9;--line:#29303e;--blue:#8bb8ff;--purple:#b5a1ed;--accent:#8bb8ff}
.nav-wrap{background:#090b10ed}.opening-film{background:radial-gradient(ellipse at 50% 40%,#354b7526,transparent 68%),#07090e}.hero-glow{background:radial-gradient(ellipse at 32% 25%,#4d75a91c,transparent 58%),radial-gradient(ellipse at 72% 25%,#71539917,transparent 58%)}
.star,.eyebrow,.flow-icon,.text-link,.film-wordmark,.film-scroll>span:last-child{color:#9bbfff}.nav-links a:hover{color:#c3d6ff}.dot,.film-kicker i{background:#a4beff}.film-kicker i{box-shadow:0 0 10px #97b8ff55}
h1>span,.gradient-text{background:linear-gradient(100deg,#99c7ff,#b7a3ee);background-clip:text;color:transparent}
.primary{background:#9fbded;color:#111c30;box-shadow:0 4px 0 #536f9e,0 10px 24px #688bc520}.secondary{background:#141923;color:#d4dcec;border-color:#354258;box-shadow:0 4px 0 #1c2738}
.blue{background:linear-gradient(145deg,#172132,#0e141f);color:#a6caff}.violet{background:linear-gradient(145deg,#211c33,#14101f);color:#c0adee}.peach{background:linear-gradient(145deg,#1a2430,#101720);color:#aac5da}.lavender{background:linear-gradient(145deg,#1d2133,#111522);color:#b0b9e2}.stat-card{border-color:#303b50;box-shadow:inset 0 1px 0 #90a3c226,0 5px 0 #151e2b,0 15px 28px -12px #000b}.stat-card:hover{box-shadow:inset 0 1px 0 #acb9dd33,0 8px 0 #23314a,0 23px 32px -8px #000b}
.stat-card strong{color:#d0d9e8}.delta{color:#bed1ed}.rate-fill,.benchmark-bar{background:linear-gradient(100deg,#b0cdf5,#7e9fd4);box-shadow:5px 0 0 #506d9f,0 -1px 0 #d1e1fc inset}
.violet .rate-fill,.mini-result .after .rate-fill,.raised-score .rate-fill,.geo-summary .rate-fill,.benchmark-column:nth-child(2) .benchmark-bar{background:linear-gradient(100deg,#cbb9ee,#9e86ce);box-shadow:5px 0 0 #705c9c,0 -1px 0 #e6d9ff inset}
.peach .rate-fill{background:linear-gradient(100deg,#b4cddd,#84a2b8);box-shadow:5px 0 0 #5d798e}.lavender .rate-fill{background:linear-gradient(100deg,#c5ccef,#929dce);box-shadow:5px 0 0 #6676a6}.benchmark-column:nth-child(n+4) .benchmark-bar{background:linear-gradient(100deg,#a4b8d3,#7389a9);box-shadow:5px 0 0 #4e6383}.benchmark-bar>strong{color:#c5d8f8}
.flow-node.model{background:linear-gradient(135deg,#201c32,#131421);border-color:#4b4667;box-shadow:0 6px 0 #1c1b32,0 16px 28px -20px #9484c344}.raised-score{background:linear-gradient(135deg,#25203b,#171223);border-color:#52466f;box-shadow:0 6px 0 #2b2142,0 18px 26px -12px #0008}.raised-score>span,.mini-result strong,.geo-summary strong{color:#c5b3f1!important}
.legend-zero{background:#8097b8}.legend-icl{background:#b4a0dc}.task-bar{background:linear-gradient(90deg,#7d94b6,#a6bbd9);box-shadow:4px 0 0 #526b90}.task-bar.icl{background:linear-gradient(90deg,#a58dcc,#c7b4ea);box-shadow:4px 0 0 #785ca2}.task-bar span{color:#dae0f4}
.segmented button.active{background:#b7a7df;color:#24183a}.filters button.active{background:#28223c;border-color:#6d5c8f;color:#ddd0f7;box-shadow:0 2px 0 #44375e}.video-badge{background:#15243bed;color:#bad4ff;border-color:#6889bc80}
.film-stage{border-color:#303e56;box-shadow:0 0 70px #6d88b410,0 20px 60px #0007}.film-corner{border-color:#a1bde9}.film-progress span{background:linear-gradient(90deg,#89b5f1,#b5a0e2);box-shadow:0 0 16px #90aff166}.film-controls button{background:#121b2b;color:#c8d7ef;border-color:#374966}.film-controls button:hover{background:#25334a;border-color:#8eaad6}.film-kicker{color:#acc2e6}

/* Directory-based analysis categories share the video-library filters. */
.library-sub{gap:20px;flex-wrap:wrap;font-size:12px}.library-selects{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.library-selects label{display:inline-flex;align-items:center;gap:10px}.library-selects label[hidden]{display:none}.library-selects select{font-size:12px;margin:0;padding:9px 30px 9px 12px;border-radius:8px;min-height:40px}.library-selects #analysis-category{min-width:236px}.library-sub #video-count{margin-left:auto;white-space:nowrap}
@media(max-width:600px){.library-selects{width:100%;gap:14px}.library-selects label{display:grid;grid-template-columns:65px minmax(0,1fr);width:100%;gap:10px}.library-selects select{width:100%;min-width:0!important}.library-sub #video-count{margin-left:0}}

/* Task-level GeoMotion explorer with paper-derived context alongside the clips. */
.geo-explorer{margin-top:42px}.geo-task-picker{display:flex;gap:16px;align-items:center;margin-bottom:26px}.geo-task-picker label{font-size:14px;color:#aab5c9}.geo-task-picker select{width:min(100%,440px);min-height:46px;background:#11151e;color:var(--ink);border:1px solid #3a455b;border-radius:8px;padding:10px 36px 10px 14px;font-size:14px}
.geo-task-layout,.library-results-layout.with-task-summary{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(240px,1fr);gap:36px;align-items:start}.geo-task-videos,.with-task-summary .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.geo-task-summary{position:sticky;top:110px;border-left:1px solid #30394d;padding-left:26px}.geo-task-summary h3{font-size:23px;letter-spacing:-.5px;line-height:1.35;margin:0 0 18px}.geo-task-summary p{font-size:14px;line-height:1.9;color:#aeb8cc}.geo-task-summary a{display:inline-block;font-size:12px;margin-top:22px;color:#bbcce8}.geo-task-summary[hidden]{display:none}.geo-task-videos .video-thumb img,.with-task-summary .video-thumb img{aspect-ratio:1;object-fit:contain}.video-badge.reference{background:#202437ed;color:#d6cef4;border-color:#7c719180}.library-selects #geo-library-task{max-width:345px}
@media(max-width:900px){.geo-task-layout,.library-results-layout.with-task-summary{grid-template-columns:1fr;gap:24px}.geo-task-summary{position:static;grid-row:1;padding:0 0 22px;border-left:0;border-bottom:1px solid #30394d}.geo-task-summary h3{font-size:21px;margin-bottom:12px}.geo-task-summary a{margin-top:12px}.geo-task-summary p{font-size:13px}}
@media(max-width:600px){.geo-task-picker{align-items:stretch;flex-direction:column;gap:9px}.geo-task-picker select{width:100%;font-size:12px;padding-left:10px}.geo-task-videos,.with-task-summary .library-grid{grid-template-columns:1fr}.library-selects #geo-library-task{max-width:none}.geo-explorer{margin-top:28px}}

/* Each task shows exactly two references followed by a matched ICL comparison. */
.geo-task-videos,.with-task-summary .library-grid.geo-grouped{display:block;min-width:0}.geo-video-group+ .geo-video-group{margin-top:40px}.geo-video-group>h3{font-size:18px;font-weight:500;margin:0 0 18px;letter-spacing:-.3px;color:var(--ink)}.geo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.geo-pair .video-thumb img{aspect-ratio:1;object-fit:contain}.geo-pair .video-info p>span:first-child{display:none}.geo-pair .video-info p{justify-content:flex-end}.video-badge.unreported{background:#202437ed;color:#d6cef4;border-color:#7c719180}
@media(max-width:600px){.geo-pair{grid-template-columns:1fr}.geo-video-group+ .geo-video-group{margin-top:30px}}

.geo-comparison .video-thumb img{aspect-ratio:2/1}

/* Ability directory and synchronized RGB/tactile demonstrations. */
.ability-controls{display:flex;align-items:center;gap:16px;margin:36px 0 28px}.ability-controls>label:first-child{font-size:14px;color:#aab5c9}.ability-controls>select{width:300px;min-height:46px;padding:10px 36px 10px 14px;border:1px solid #3a455b;border-radius:8px;background:#11151e;color:var(--ink);font-size:14px}.ability-controls .search-box{margin-left:auto;width:300px}.library-grid.tactile-library{display:grid;grid-template-columns:1fr;gap:38px}.tactile-demo{padding:26px;border:1px solid #303647;border-radius:12px;background:#0e1016}.tactile-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.tactile-heading h3{font-size:23px;letter-spacing:-.5px;margin:0}.tactile-heading button{font-size:12px;background:transparent;padding:0}.paired-views{display:grid;grid-template-columns:3fr 2fr;gap:22px;align-items:start}.paired-views figure{margin:0;min-width:0}.paired-views figcaption{font-size:13px;color:#b7bed0;margin-bottom:10px}.paired-views video{width:100%;aspect-ratio:32/9;object-fit:contain;background:#080a10;border-radius:6px;display:block}.paired-views figure:nth-child(2) video{aspect-ratio:8/3}.paired-controls{display:flex;align-items:center;gap:14px;margin-top:22px}.paired-controls button{background:#25213a;border:1px solid #655683;border-radius:7px;color:#e3d9f6;padding:9px 14px;font-size:12px;white-space:nowrap}.paired-controls input{min-width:60px;flex:1;accent-color:#b5a1ed}.paired-controls output{font-size:12px;font-variant-numeric:tabular-nums;color:#bcc4d5;white-space:nowrap}.pair-timing-note{font-size:12px;line-height:1.7;color:#a0a9bc;margin:16px 0 0}
@media(max-width:700px){.ability-controls{flex-wrap:wrap;gap:12px}.ability-controls>select{width:calc(100% - 65px)}.ability-controls .search-box{width:100%;margin:0}.paired-views{grid-template-columns:1fr;gap:18px}.tactile-demo{padding:18px}.tactile-heading{align-items:flex-start;flex-direction:column;gap:12px}.tactile-heading h3{font-size:21px}.paired-controls{flex-wrap:wrap;gap:10px}.paired-controls input{order:3;flex-basis:100%}.paired-controls output{margin-left:auto}}

/* Task and outcome are independent filters for the real-robot demos. */
.real-video-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:22px 0 28px}.real-task-picker{display:flex;align-items:center;gap:16px;font-size:14px;color:#aab5c9}.real-task-picker select{width:300px;min-height:46px;padding:10px 36px 10px 14px;background:#11151e;color:var(--ink);border:1px solid #3a455b;border-radius:8px;font-size:14px}.real-video-controls #real-filters{margin:0;gap:10px}
@media(max-width:600px){.real-video-controls{gap:18px}.real-task-picker{width:100%;gap:12px}.real-task-picker select{flex:1;min-width:0;width:auto;font-size:12px}.real-video-controls #real-filters{width:100%;flex-wrap:wrap}}

.project-resource{gap:9px}.project-resource svg{display:block;width:19px;height:19px;flex:none}.project-resource[aria-disabled="true"]{cursor:default;color:#aeb8ce;opacity:.8}.project-resource[aria-disabled="true"]:hover{transform:none}.project-resource:focus-visible{outline:2px solid #9bbfff;outline-offset:4px}