:root { color-scheme:dark;--bg:#070a0f;--rail:#0a0e15;--panel:#0e141d;--panel2:#111925;--line:#202a39;--soft:#171f2c;--text:#edf2f8;--muted:#8190a5;--mint:#68e6bd;--blue:#78b9ff;--amber:#ffc66d;--red:#ff8089;font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
*{box-sizing:border-box}body{margin:0;min-width:1120px;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:238px 300px minmax(590px,1fr);min-height:100vh}.rail,.submissions-panel{position:sticky;top:0;height:100vh;overflow:hidden;border-right:1px solid var(--line);background:var(--rail)}.rail{display:flex;flex-direction:column;padding:18px 13px 12px}.brand{display:flex;align-items:center;gap:10px;padding:0 5px 18px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#06130f;background:var(--mint);font-weight:900;letter-spacing:-.06em}.brand h1{margin:0;font-size:14px}.brand p{margin:1px 0 0;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.rail-tools{display:flex;gap:6px}.search{display:flex;flex:1;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#0e141e}.search input{min-width:0;width:100%;padding:8px 0;border:0;outline:0;color:var(--text);background:transparent}.rail-tools button,#logout{border:1px solid var(--line);border-radius:7px;background:#101722;cursor:pointer}.rail-tools button{width:34px}.rail-label,.eyebrow{color:#64738a;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.rail-label{padding:18px 8px 7px}.user-list{flex:1;overflow-y:auto}.user-button{display:flex;width:100%;align-items:center;gap:8px;margin:2px 0;padding:9px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.user-button:hover{background:#111823}.user-button.active{border-color:#315145;background:#11231e}.avatar{display:grid;flex:0 0 30px;height:30px;place-items:center;border-radius:50%;color:#c8f8e8;background:#17372e;font-size:10px;font-weight:800}.user-meta{min-width:0;flex:1}.user-meta strong,.user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta strong{font-size:11px}.user-meta small{color:var(--muted);font-size:9px}.user-count{color:#6c7a90;font-size:9px}.rail footer{display:flex;align-items:center;gap:7px;padding:10px 6px 0;border-top:1px solid var(--soft);color:var(--muted);font-size:9px}.rail footer #health-label{flex:1}#health-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px currentColor}#health-dot.online{background:var(--mint)}#logout{padding:3px 6px;font-size:8px}.load-more{width:100%;padding:7px;border:1px solid var(--line);border-radius:6px;background:#101722;cursor:pointer;font-size:9px}.submissions-panel{display:flex;flex-direction:column;background:#0c1119}.submissions-panel>header{display:flex;min-height:76px;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--line)}.submissions-panel h2{margin:2px 0 0;font-size:14px}.count{display:inline-grid;min-width:24px;height:24px;padding:0 7px;place-items:center;border:1px solid var(--line);border-radius:12px;color:#9ba8b9;background:#111925;font-size:9px}.submission-filters{display:grid;grid-template-columns:1fr 104px;gap:5px;padding:8px;border-bottom:1px solid var(--soft)}.submission-filters input,.submission-filters select{min-width:0;padding:7px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:#101722;font-size:9px}.submission-list{flex:1;padding:8px;overflow-y:auto}.submission{width:100%;margin-bottom:5px;padding:11px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.submission:hover{background:#111824}.submission.active{border-color:#30445c;background:#131d2a;box-shadow:inset 3px 0 var(--blue)}.submission-top{display:flex;align-items:center;justify-content:space-between}.submission strong{font-size:11px}.submission p{margin:6px 0 0;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.submission-meta,.quality-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;color:#66758a;font-size:8px}.quality-mini{color:var(--amber)}.mini-status{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--amber)}.mini-status.solved{background:var(--mint)}.mini-status.failed,.mini-status.blocked{background:var(--red)}.workspace{min-width:0;padding:21px 25px 38px;overflow-x:hidden}.empty-state{display:grid;min-height:calc(100vh - 60px);place-content:center;justify-items:center;color:var(--muted);text-align:center}.empty-state h2{margin:20px 0 5px;color:var(--text);font-size:17px}.empty-state p{max-width:500px;margin:0}.empty-orbit{position:relative;width:80px;height:80px;border:1px solid #253247;border-radius:50%}.empty-orbit:before,.empty-orbit:after{position:absolute;content:"";border:1px solid #1b2636;border-radius:50%;inset:12px}.empty-orbit:after{inset:26px;background:#101a26}.empty-orbit span{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:var(--mint);inset:50% auto auto 50%;box-shadow:0 0 16px var(--mint);transform:translate(-50%,-50%)}.empty-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--blue);animation:orbit 3s linear infinite;inset:2px auto auto 36px;transform-origin:4px 38px}@keyframes orbit{to{transform:rotate(360deg)}}.viewer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.title-line{display:flex;align-items:center;gap:8px}.viewer-header h2{margin:0;font-size:19px}.viewer-header p{margin:4px 0 0;color:var(--muted);font-size:10px}.status-badge{padding:4px 7px;border-radius:5px;color:#07130f;background:var(--mint);font-size:8px;font-weight:900;text-transform:uppercase}.status-badge.submitted,.status-badge.recording{color:#1b1305;background:var(--amber)}.status-badge.failed,.status-badge.blocked,.status-badge.tab_closed{color:#1d080a;background:var(--red)}.header-actions{display:flex;gap:6px}.secondary{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer;font-size:9px}.quality{margin-bottom:10px;padding:10px 12px;border:1px solid #665129;border-radius:8px;color:#ffe0a5;background:#271e0e}.quality strong{font-size:10px}.quality-flags,#quality-flags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}#quality-flags span{padding:2px 5px;border-radius:4px;background:#4b3515;font:8px/1.4 ui-monospace,monospace}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:11px}.metric{padding:9px 11px;border:1px solid var(--soft);border-radius:8px;background:var(--panel)}.metric span{display:block;color:#66758a;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.metric strong{display:block;margin-top:3px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.replay-card,.round-card,.event-card,.evidence-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 45px #0003}.replay-heading,.section-title{display:flex;align-items:center;justify-content:space-between}.replay-heading{padding:11px 13px;border-bottom:1px solid var(--line)}.replay-heading strong{display:block;margin-top:2px;font-size:10px}#answer-caption{display:block;max-width:620px;margin-top:2px;overflow:hidden;color:var(--mint);font:8px/1.4 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.fidelity{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;text-transform:uppercase}.fidelity span{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 7px var(--mint)}.stage{position:relative;height:min(57vh,610px);min-height:390px;overflow:hidden;background:#05070a}.reconstruction,.stage>svg{position:absolute;width:100%;height:100%;inset:0}.stage>svg{z-index:4;pointer-events:none}.reconstruction{z-index:1;overflow:hidden;background:#16191d}.replica-frame{position:absolute;overflow:hidden;transform-origin:0 0;background:#fff;pointer-events:none;user-select:none}.replica-frame *{animation:none!important;transition:none!important;caret-color:transparent!important;pointer-events:none!important}.replica-canvas{position:relative;overflow:hidden}.replica-canvas img{width:100%;height:100%;object-fit:contain}.reconstructed-item{position:absolute;overflow:hidden;border:1px solid #ffffff22;background:#222}.reconstructed-item img{width:100%;height:100%;object-fit:cover}.reconstructed-item.selected:after{position:absolute;display:grid;content:"✓";place-items:center;color:white;background:#238b66dd;font-size:20px;inset:0}.reconstructed-prompt{position:absolute;z-index:2;top:8px;left:50%;max-width:85%;padding:7px 11px;border-radius:5px;color:#111;background:#fffffff0;font-size:12px;transform:translateX(-50%)}.decoded-replica{min-height:100%;padding:20px;color:#17202b;background:#f5f7fa;font-family:Inter,Arial,sans-serif}.decoded-replica header{padding:14px;border-radius:9px;color:#edf2f8;background:#111824}.decoded-replica header span,.decoded-replica header strong,.decoded-replica header small{display:block}.decoded-replica header span{color:#68e6bd;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.decoded-replica header strong{margin-top:4px;font-size:15px}.decoded-replica header small{margin-top:4px;color:#9ba8b9;font-size:8px}.decoded-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.decoded-task{min-height:90px;margin:0;overflow:hidden;border-radius:7px;background:#dfe5eb}.decoded-task img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.decoded-task figcaption{padding:5px;overflow:hidden;color:#425166;font:8px/1.2 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}#stage-empty{position:absolute;display:none;place-items:center;color:#596578;inset:0}.stage-watermark{position:absolute;z-index:5;right:8px;bottom:7px;padding:3px 5px;border-radius:3px;color:#ffffff88;background:#0008;font:7px/1.2 ui-monospace,monospace;letter-spacing:.08em}.controls{display:grid;grid-template-columns:32px 70px minmax(120px,1fr) 70px 57px;gap:8px;align-items:center;padding:9px 12px;border-top:1px solid var(--line)}.play{width:29px;height:29px;border:0;border-radius:50%;color:#06120e;background:var(--mint);cursor:pointer}.controls span{color:#9aa6b7;font:8px/1 ui-monospace,monospace}.controls input{width:100%;accent-color:var(--mint)}.controls select{padding:5px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:#111824;font-size:9px}.round-card{margin-top:11px;padding:12px}.section-title h3{margin:2px 0 0;font-size:11px}.section-title time,.section-title>span{color:var(--muted);font:8px/1 ui-monospace,monospace}.round-strip{display:flex;gap:7px;margin-top:10px;padding-bottom:3px;overflow-x:auto}.round{flex:0 0 160px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#0b1018;cursor:pointer}.round:hover,.round.active{border-color:#48637d}.round-preview{position:relative;height:82px;overflow:hidden;border-radius:5px;background:#05070a}.round-preview img{width:100%;height:100%;object-fit:cover}.round-preview span{position:absolute;top:4px;left:4px;padding:2px 4px;border-radius:3px;background:#000b;font-size:7px}.round strong,.round small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round strong{margin-top:5px;font-size:9px}.round small{color:var(--muted);font-size:7px}.lower-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(410px,1.28fr);gap:11px;margin-top:11px}.event-card,.evidence-card{min-width:0;padding:12px}.event-details{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.event-details div{padding:7px;border-radius:6px;background:#0a0f16}.event-details dt{color:#647287;font-size:7px;text-transform:uppercase}.event-details dd{margin:2px 0 0;overflow:hidden;font:9px/1.3 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.timeline-list{max-height:230px;overflow-y:auto;border-top:1px solid var(--soft)}.timeline-event{display:grid;width:100%;grid-template-columns:58px 75px 1fr;gap:5px;padding:6px 3px;border:0;border-bottom:1px solid #151d29;color:#7d899b;background:transparent;font:8px/1.2 ui-monospace,monospace;text-align:left;cursor:pointer}.timeline-event.current{color:var(--mint);background:#12211d}.evidence-tabs{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0 6px}.evidence-tabs button{padding:5px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:transparent;cursor:pointer;font-size:8px}.evidence-tabs button.active{color:#07120e;border-color:var(--mint);background:var(--mint)}.evidence-card pre{height:285px;margin:0;padding:10px;overflow:auto;border:1px solid #1a2331;border-radius:7px;color:#b9d8ff;background:#080c12;font:8px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.auth-dialog{width:min(420px,calc(100vw - 30px));padding:0;border:1px solid #2b394b;border-radius:12px;color:var(--text);background:#0e141d;box-shadow:0 30px 100px #000}.auth-dialog::backdrop{background:#030508e8;backdrop-filter:blur(4px)}.auth-dialog form{display:grid;justify-items:center;padding:26px}.auth-dialog h1{margin:13px 0 3px;font-size:18px}.auth-dialog p{margin:0 0 15px;color:var(--muted);font-size:10px;text-align:center}.auth-dialog label{width:100%}.auth-dialog label span{display:block;margin-bottom:4px;color:var(--muted);font-size:9px}.auth-dialog input{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:#090e15}.primary{width:100%;margin-top:8px;padding:9px;border:0;border-radius:7px;color:#06130f;background:var(--mint);font-weight:800;cursor:pointer}.auth-dialog small{min-height:18px;margin-top:6px;color:var(--red)}#toast{position:fixed;z-index:20;right:20px;bottom:20px;padding:8px 12px;border:1px solid #315647;border-radius:7px;color:#bdf8e3;background:#10231d;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}#toast.show{opacity:1;transform:none}.empty-compact{padding:26px 14px;color:var(--muted);font-size:10px;text-align:center}@media(max-width:1280px){.app-shell{grid-template-columns:205px 260px minmax(590px,1fr)}.workspace{padding-inline:17px}.metrics{grid-template-columns:repeat(3,1fr)}}
/* Motion stream selector for captured browser input versus submitted motionData. */
.replay-source{display:grid;min-width:210px;gap:3px}.replay-source label{color:var(--muted);font-size:7px;letter-spacing:.08em;text-transform:uppercase}.replay-source select{padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:#111824;font-size:9px}.replay-source small{max-width:270px;color:var(--muted);font-size:7px}
/* Schema v3: one full viewport scene with independently reconstructed embedded frames. */
.viewport-scene{position:absolute;overflow:hidden;transform-origin:0 0;background:#fff;pointer-events:none;user-select:none}.replica-frame-layer{position:absolute;overflow:hidden;pointer-events:none;transform-origin:0 0}.replica-frame-layer *{animation:none!important;transition:none!important;caret-color:transparent!important;pointer-events:none!important}.blocked-recorded-node{display:none!important}.replica-canvas{position:relative!important;overflow:hidden!important;background:transparent!important}.replica-canvas-media{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;object-fit:contain!important}.timeline-row{display:grid;width:100%;grid-template-columns:58px 75px 1fr;gap:5px;padding:6px 3px;border:0;border-bottom:1px solid #151d29;color:#7d899b;background:transparent;font:8px/1.2 ui-monospace,monospace;text-align:left;cursor:pointer}.timeline-row.current{color:var(--mint);background:#12211d}.taxonomy-card{margin-top:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.taxonomy-card summary{display:flex;align-items:center;justify-content:space-between;padding:12px;cursor:pointer;list-style:none}.taxonomy-card summary span:first-child{display:grid;gap:3px}.taxonomy-card summary strong{font-size:11px}.taxonomy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 12px 12px}.taxonomy-item{display:grid;grid-template-columns:minmax(170px,auto) 1fr;gap:3px 10px;padding:9px;border:1px solid var(--soft);border-radius:7px;background:#090e15}.taxonomy-item.active{border-color:#3a8f75;background:#0e1b18}.taxonomy-item code{grid-row:1/4;color:#9ec8ff;font-size:8px}.taxonomy-item strong{font-size:9px}.taxonomy-item span,.taxonomy-item small{color:var(--muted);font-size:8px}.taxonomy-item.active strong{color:var(--mint)}
/* The hCaptcha layer is rebuilt from the decoded current-widget contract and source assets. */
.hc-replica{display:flex;width:100%;height:100%;min-height:0;overflow:hidden;flex-direction:column;color:#222;background:#fff;font:14px/1.25 Arial,Helvetica,sans-serif}.hc-replica-header{display:flex;min-height:76px;align-items:center;gap:10px;padding:12px 14px;color:#fff;background:#555}.hc-replica-prompt{display:grid;min-width:0;flex:1;gap:4px}.hc-replica-prompt strong{font-size:17px;line-height:1.18}.hc-replica-prompt small{overflow:hidden;color:#eee;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.hc-replica-example{width:58px;height:48px;border:2px solid #fff;border-radius:3px;object-fit:cover}.hc-replica-body{display:flex;min-height:0;flex:1;overflow:hidden;padding:8px;background:#f1f1f1}.hc-replica-footer{display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:6px 9px;border-top:1px solid #ddd;background:#fff}.hc-replica-controls{display:flex;align-items:center;gap:5px}.hc-replica-control,.hc-replica-submit{display:grid;width:38px;height:38px;padding:0;place-items:center;border:0;border-radius:4px;color:#555;background:#fff;font-size:22px}.hc-replica-submit{color:#fff;background:#00a99d;font-weight:700}.hc-replica-progress{margin-left:5px;color:#777;font-size:11px}.hc-replica-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(var(--hc-columns),minmax(0,1fr));grid-auto-rows:1fr;gap:5px}.hc-replica-tile{position:relative;min-width:0;min-height:0;overflow:hidden;border:2px solid transparent;background:#ddd}.hc-replica-tile-image{display:block;width:100%;height:100%;object-fit:cover}.hc-replica-check{position:absolute;display:none;width:28px;height:28px;right:5px;bottom:5px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#00a99d;font-weight:800}.hc-replica-tile.selected{border-color:#00a99d}.hc-replica-tile.selected .hc-replica-check{display:grid}.hc-replica-image-stage{position:relative;width:100%;min-height:0;overflow:hidden;border-radius:4px;background:#d8d8d8}.hc-replica-stage-image{display:block;width:100%;height:100%;object-fit:contain}.hc-replica-area{height:100%}.hc-replica-drag{display:grid;width:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;gap:7px}.hc-replica-drop-stage{min-height:150px}.hc-replica-entity-tray{display:flex;min-height:66px;align-items:center;justify-content:center;gap:8px;padding:6px;border:1px solid #d2d2d2;border-radius:4px;background:#fff}.hc-replica-entity{display:grid;width:54px;height:54px;place-items:center;border:2px solid #00a99d;border-radius:5px;background:#f7ffff}.hc-replica-entity-image{max-width:46px;max-height:46px;object-fit:contain}.hc-replica-drag[data-dragging] .hc-replica-entity:first-child{opacity:.28}.hc-replica-choice-layout{display:grid;width:100%;min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(120px,.95fr);gap:8px}.hc-replica-choice-image{width:100%;height:100%;min-height:0;border-radius:4px;background:#ddd;object-fit:contain}.hc-replica-choices{display:grid;min-height:0;align-content:stretch;gap:6px}.hc-replica-choice{position:relative;display:flex;min-height:38px;align-items:center;gap:8px;padding:7px 9px;overflow:hidden;border:1px solid #bbb;border-radius:4px;color:#555;background:#fff;font-size:12px}.hc-replica-choice.selected{color:#fff;border-color:#008f86;background:#00a99d}.hc-replica-choice-indicator{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;border:1px solid #999;border-radius:3px;color:transparent;background:#fff}.hc-replica-choice.selected .hc-replica-choice-indicator{color:#00a99d}.hc-replica-choice-copy{min-width:0;flex:1}.hc-replica-choice-example{width:42px;height:32px;border-radius:3px;object-fit:cover}.hc-replica-choice-empty{color:#888;font-size:10px}.hc-replica-text-layout,.hc-replica-verification{display:flex;width:100%;min-height:0;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:8px}.hc-replica-task-text{padding:10px;border-radius:4px;color:#555;background:#e5e5e5;text-align:center}.hc-replica-text-image{width:100%;min-height:100px;max-height:260px;border-radius:4px;object-fit:contain}.hc-replica-input{width:100%;height:38px;padding:7px 10px;border:1px solid #919191;border-radius:4px;color:#333;background:#fff;text-align:center}.hc-replica-verification h3,.hc-replica-verification p{margin:0;text-align:center}.hc-replica-verification p{color:#666;font-size:12px}.hc-replica-composite{display:flex;width:100%;min-height:0;overflow:auto;flex-direction:column;gap:7px}.hc-replica-composite-image{width:100%;max-height:145px;object-fit:contain}.hc-replica-component{display:grid;gap:5px;padding:7px;border:1px solid #d2d2d2;border-radius:4px;background:#fff}.hc-replica-component-label{color:#666;font-size:11px}.hc-replica-component .hc-replica-text-layout{padding:0}.hc-replica-component .hc-replica-choice-layout{display:block}.hc-replica-component .hc-replica-choice-image{display:none}.hc-replica-component .hc-replica-area{min-height:120px}.hc-replica-unknown{display:grid;width:100%;align-content:start;gap:8px}.hc-replica-unknown-image{width:100%;max-height:250px;object-fit:contain}