.home-dialog{width:min(430px,calc(100vw - 32px));padding:30px;border:1px solid #52608a;border-radius:8px;background:#101a30;color:#e5edff;box-shadow:0 30px 100px #0009}.home-dialog::backdrop{background:#020817bf;backdrop-filter:blur(4px)}.home-dialog h2{font-size:23px;font-weight:550}.home-dialog p{font-size:12px;color:#9bafd0;line-height:1.8;margin:18px 0}.home-dialog #signup-preview-note{font-size:10px;color:#7d93b6}.dialog-close{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;background:none;color:#b3c2df;font-size:23px}.home-dialog label{display:block;font-size:11px;margin-bottom:9px}.home-dialog input{width:100%;padding:12px;background:#091226;border:1px solid #3b4a6b;border-radius:4px;color:white;font:14px var(--sans)}.home-dialog form button{width:100%;margin-top:12px}.site-header nav .workspace-nav-link{display:inline-flex;font-size:12px}
/* Flowtimer's surfaces and violet, with a video-first workspace. */
.workspace-app{min-height:100vh;background:#070d22;color:#eef0ff}.workspace-header{padding-top:18px}.workspace-header-inner{position:relative;display:flex;align-items:center;gap:32px;min-height:64px;isolation:isolate}.workspace-header-inner:before{content:'';position:absolute;inset:0 36px;background:#111936;border-radius:16px;z-index:-1}.workspace-header .brand{margin-left:20px;font-size:23px;gap:8px}.workspace-header .brand-mark{width:33px;height:33px}.workspace-header nav{display:flex;gap:20px;font-size:13px}.workspace-header nav a{display:inline-flex}.workspace-header nav>a:first-child{color:#a5a7ff}.workspace-header .workspace-upload{display:none}.workspace-about{margin-left:auto;margin-right:20px;font-size:12px;color:#a1a8c7}.workspace-upload,.desk-new{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#6366f1;color:white;padding:11px 17px;border:0;border-radius:10px;font-size:13px}.desk-new>span{font-size:23px;line-height:1}.desk-new:hover,.workspace-upload:hover{background:#777aff}.recon-desk{padding-top:27px;padding-bottom:24px}.desk-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:16px}.desk-heading h1{font-size:30px;letter-spacing:-1px;font-weight:580;line-height:1.3}.heading-dot{color:#777aff}.desk-demo{font-size:11px;color:#929ab8;display:block;margin-top:4px}.desk-inspector{background:#111936;border-radius:18px;padding:16px;scroll-margin-top:16px;min-width:0}.inspector-topline{display:none}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6px 14px;gap:12px}.inspector-heading h2{font-size:15px;font-weight:500;letter-spacing:0}.inspector-state{font-size:11px;color:#39d18b;display:flex;align-items:center;gap:7px}.inspector-state:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.inspector-state[data-state=working]{color:#a5a7ff}.inspector-state[data-state=draft]{color:#b2bbd5}.replay-workbench{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(180px,.68fr);gap:10px}.inspector-media{background:#070b19;border-radius:12px;overflow:hidden;display:grid;align-items:center;min-width:0}.inspector-media video,.inspector-media img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.inspector-placeholder{padding:40px}.desk-cube-panel{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,#25275970,transparent 68%),#0b1022;min-width:0}.desk-cube-panel:before{content:'';position:absolute;inset:20px;background:radial-gradient(#8a8cff24 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}#desk-cube{width:100%;max-width:285px;aspect-ratio:1;position:relative}.desk-view-switch{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:center;z-index:1}.desk-view-switch button{background:#111936;color:#a2aace;border:0;padding:6px 13px;font-size:10px}.desk-view-switch button:first-child{border-radius:7px 0 0 7px}.desk-view-switch button:last-child{border-radius:0 7px 7px 0}.desk-view-switch button[aria-pressed=true]{background:#6366f1;color:white}.cube-caption{position:absolute;bottom:12px;left:14px;color:#858dad;font-size:10px}#desk-current-move{position:absolute;right:14px;bottom:8px;font:23px var(--mono);color:#a5a7ff}.replay-numbers{display:flex;flex-direction:column;gap:10px;min-width:0}.inspector-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.inspector-metrics>div{background:#0b1022;border-radius:12px;padding:15px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.inspector-metrics>div:first-child{grid-column:1/-1}.inspector-metrics span{font-size:10px;text-transform:none;letter-spacing:.3px;color:#9da5c0}.inspector-metrics strong{font:23px var(--mono);letter-spacing:-1px;margin-top:8px;font-weight:400}.inspector-metrics>div:first-child strong{font-size:clamp(34px,4.5vw,60px);color:#777aff;letter-spacing:-3px;white-space:nowrap}.inspector-metrics small{font-size:18px;color:#9297db;letter-spacing:0}.replay-speed{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#929abc;padding:0 4px}.replay-speed select{background:#0b1022;border:0;border-radius:7px;padding:5px 12px}.inspector-timing{margin-top:14px;background:#0b1022;border-radius:12px;padding:12px 14px}.inspector-timing>div:first-child{display:flex;justify-content:space-between;color:#9aa3c3;font-size:11px}.timing-ruler{position:relative;height:27px;margin-top:8px;background:repeating-linear-gradient(90deg,transparent 0 39px,#8991d015 39px 40px);border-bottom:1px solid #252d4a}.timing-ruler button{position:absolute;top:6px;bottom:5px;border:0;width:3px;padding:0;background:#777aff;border-radius:2px}.timing-ruler button:nth-child(3n){top:1px}.timing-cursor{position:absolute;top:0;bottom:0;width:2px;background:#e7e8ff;z-index:1;pointer-events:none}.inspector-move-tape{position:relative;display:flex;overflow:auto;gap:5px;padding-top:8px;scrollbar-width:none}.inspector-move-tape button{flex-shrink:0;background:none;border:0;border-radius:5px;color:#9ba4c9;font:13px var(--mono);padding:5px 8px}.inspector-move-tape button.current{background:#6366f1;color:white}.inspector-move-tape button.rotation{color:#c4a0ff}.inspector-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 5px 0}.inspector-note{font-size:11px;color:#9ca5c1;line-height:1.6}.inspector-open{display:flex;align-items:center;gap:16px;font-size:11px;color:#b1b2ff;white-space:nowrap}.inspector-provenance{display:none}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.library-heading h2{font-size:17px;font-weight:500;letter-spacing:-.3px}.library-heading h2 span{font:11px var(--mono);background:#191f43;color:#a5a7ff;padding:4px 7px;border-radius:6px;margin-left:8px}.library-heading>span{font-size:11px;color:#7e88a8}.desk-surface{background:#111936;border-radius:16px;padding:10px}.desk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 5px 12px}.desk-tabs{display:flex;gap:5px}.desk-tabs button{background:transparent;border:0;border-radius:8px;color:#9ca5c6;padding:8px 12px;font-size:12px}.desk-tabs button[aria-pressed=true]{background:#6366f1;color:white}.desk-tabs button>span{font-size:10px;margin-left:5px;opacity:.7}.desk-search{display:flex;gap:8px;align-items:center;background:#0b1022;border-radius:8px;padding:0 10px;color:#989fc7}.desk-search>span{font-size:20px}.desk-search input{background:none;border:0;color:white;padding:8px 0;width:150px;font-size:11px;min-width:0}.desk-columns{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:12px}.desk-library{min-width:0}.desk-column-labels{display:none}.desk-video-list{display:grid;gap:5px}.desk-row{display:grid;grid-template-columns:20px 70px minmax(0,1fr) 88px 65px;align-items:center;gap:12px;background:#0b1022;border:1px solid transparent;border-radius:10px;padding:8px 12px;width:100%;text-align:left;min-width:0;color:#e2e5f6}.desk-row:hover{background:#192243}.desk-row[aria-pressed=true]{background:#232751;border-color:#7073ee;box-shadow:inset 3px 0 #777aff}.row-index{font:11px var(--mono);color:#7a83aa}.row-thumb{height:40px;position:relative;border-radius:5px;overflow:hidden;background:#1c2547;display:grid;place-items:center}.row-thumb img{width:100%;height:100%;object-fit:cover}.thumb-progress{position:absolute;bottom:0;left:0;height:3px;background:#818cf8}.row-name{min-width:0}.row-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.row-name strong>span{color:#a3a8d1}.row-name small{display:block;font-size:10px;color:#8790b0;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-name small>span{color:#78809e}.row-state{font-size:10px;display:flex;gap:6px;align-items:center}.row-state i{width:5px;height:5px;background:currentColor;border-radius:50%}.row-state.ready{color:#35cf87}.row-state.working{color:#abaaFF}.row-state.draft{color:#e1bc76}.row-duration{font:18px var(--mono);text-align:right;color:#c7cbea;letter-spacing:-.8px}.row-duration>span{font-size:9px;color:#868fb0;margin-left:3px}.desk-list-bottom{display:flex;justify-content:space-between;padding:12px 5px 2px;font-size:10px;color:#8a94b3}.session-panel{background:#0b1022;border-radius:12px;padding:16px;display:flex;flex-direction:column}.session-title{display:flex;justify-content:space-between;font-size:12px;color:#a9afc9}.session-title>span:last-child{color:#777aff}.average-number{font:52px var(--mono);letter-spacing:-3px;color:#777aff;margin:16px 0 6px}.average-number>span{font-size:12px;letter-spacing:0;color:#959dc3;margin-left:10px}.session-panel>p{font-size:10px;color:#8a94b3}.session-chart{display:flex;gap:13px;height:124px;margin-top:20px;border-bottom:1px solid #35395e;padding-bottom:18px}.session-chart>div{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.session-chart i{display:block;width:100%;height:var(--bar);max-height:82px;min-height:10px;background:linear-gradient(#6366f16b,#6366f11a);border:1px solid #777aff;border-radius:3px 3px 0 0}.session-chart>div:last-child i{background:#6366f1}.session-chart span{font:10px var(--mono);color:#b6bce0}.session-chart small{position:absolute;bottom:-15px;font:9px var(--mono);color:#747ea7}.session-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.session-stats>div{background:#141b35;border-radius:8px;padding:10px}.session-stats span{font-size:9px;color:#a0a8c2;display:block}.session-stats strong{font:18px var(--mono);display:block;margin-top:7px}.session-stats b,.session-stats .best-time{color:#2bce80}.session-stats b{font-size:12px}.queue-summary{display:flex;align-items:center;gap:10px;border-top:1px solid #252d4a;margin-top:auto;padding-top:16px}.queue-icon{font-size:27px;color:#818cf8}.queue-summary strong{display:block;font-size:12px;font-weight:500}.queue-summary small{display:block;font-size:9px;color:#8a94b3;margin-top:5px}.queue-summary button{margin-left:auto;background:#21264e;color:#b0b1ff;border:0;border-radius:7px;width:28px;height:28px}.desk-statusbar{padding:12px 4px 1px;display:flex;justify-content:space-between;font-size:9px;color:#7e88a9}.desk-statusbar>span:last-child{display:none}.desk-account{display:flex;align-items:center;gap:12px;padding:18px 4px;color:#b0b7d1;font-size:11px}.account-mark{color:#898cff;font-size:22px}.desk-account p>span{margin-left:10px;color:#818bab}.desk-account button{margin-left:auto;border:1px solid #434979;background:#171f3e;color:#bfc3ff;padding:9px 13px;border-radius:8px;font-size:11px;white-space:nowrap}.desk-account button span{margin-left:12px}.desk-empty{padding:30px;color:#a3adcc;font-size:12px}.recon-desk [hidden]{display:none!important}
@media(max-width:1050px){.replay-workbench{grid-template-columns:1.3fr 1fr}.replay-numbers{grid-column:1/-1;flex-direction:row}.inspector-metrics{grid-template-columns:1.3fr 1fr 1fr}.inspector-metrics>div:first-child{grid-column:auto}.inspector-metrics>div:first-child strong{font-size:32px;letter-spacing:-1px}.inspector-metrics>div{padding:10px 14px}.inspector-metrics strong{font-size:23px;margin-top:4px}.replay-speed{flex-direction:column;justify-content:center;gap:8px;padding:0 10px}.desk-columns{grid-template-columns:minmax(0,1fr) 220px}.desk-row{grid-template-columns:55px minmax(0,1fr) 74px 56px;gap:8px;padding:8px}.row-index{display:none}.row-duration{font-size:16px}.row-name small{font-size:9px}.session-panel{padding:12px}.session-chart{gap:9px}}
@media(max-width:760px){.workspace-header-inner:before{inset:0 20px}.workspace-header .brand{font-size:20px;margin-left:14px}.workspace-header .brand-mark{width:28px;height:28px}.workspace-header-inner{gap:20px}.workspace-about{font-size:10px;margin-right:14px}.workspace-header nav{display:none}.recon-desk{padding-top:20px}.desk-heading h1{font-size:25px}.desk-demo{font-size:9px}.desk-new{font-size:11px;padding:9px 11px;gap:5px}.desk-new>span{font-size:18px}.desk-inspector{padding:10px;border-radius:14px}.inspector-heading{padding:3px 3px 12px}.inspector-heading h2{font-size:13px}.replay-workbench{gap:7px;grid-template-columns:1.2fr 1fr}.desk-view-switch{top:6px;left:3px;right:3px}.desk-view-switch button{font-size:9px;padding:5px 8px}.cube-caption{display:none}#desk-current-move{font-size:17px;bottom:5px;right:8px}#desk-cube{margin-top:20px}.inspector-media video{height:100%}.inspector-metrics>div{padding:9px}.inspector-metrics span{font-size:8px}.inspector-metrics>div:first-child strong{font-size:27px}.inspector-metrics strong{font-size:21px}.inspector-metrics small{font-size:12px}.replay-speed{font-size:9px;padding:0 3px}.replay-speed select{font-size:10px;padding:5px}.inspector-timing{padding:10px;margin-top:10px}.inspector-move-tape button{font-size:12px;padding:5px 7px}.inspector-bottom{align-items:flex-start}.inspector-note{font-size:9px}.inspector-open{font-size:10px;gap:8px}.library-heading{margin-top:21px}.library-heading>span{display:none}.desk-columns{grid-template-columns:1fr}.session-panel{display:none}.desk-toolbar{flex-wrap:wrap;gap:9px;padding:0 0 10px}.desk-tabs{justify-content:space-between;width:100%;gap:2px}.desk-tabs button{font-size:11px;padding:8px 9px}.desk-search{width:100%}.desk-search input{width:100%}.desk-row{grid-template-columns:48px minmax(0,1fr) 65px 47px;gap:7px;padding:8px 7px}.row-thumb{height:33px}.row-name strong{font-size:10px}.row-name small{font-size:8px}.row-name small>span{display:none}.row-state{font-size:9px;gap:4px}.row-state i{width:4px;height:4px}.row-duration{font-size:14px}.row-duration>span{font-size:7px}.desk-account p>span{display:block;margin:5px 0 0;font-size:9px}.desk-account{gap:7px;font-size:10px}.account-mark{display:none}.desk-account button{font-size:10px;padding:8px}.desk-account button span{margin-left:5px}.desk-list-bottom{font-size:9px}.desk-statusbar{font-size:8px;line-height:1.6}.site-header nav .workspace-nav-link{display:inline-flex}}
@media(max-width:360px){.desk-new{font-size:10px}.desk-demo{max-width:145px;line-height:1.5}.desk-row{grid-template-columns:38px minmax(0,1fr) 55px 40px;gap:5px}.row-duration{font-size:12px}.row-state{font-size:8px}.replay-speed>span{display:none}.inspector-metrics strong{font-size:18px}.inspector-metrics>div:first-child strong{font-size:23px}.workspace-about{font-size:9px}}
/* Selection uses the surface and outline, without a leading stripe. */
.desk-row[aria-pressed=true]{box-shadow:none}
.session-panel>p{margin-top:9px;line-height:1.6}.breakdown-bar{display:flex;gap:3px;height:7px;margin:18px 0 12px;overflow:hidden;border-radius:5px}.breakdown-bar i{background:#6366f1}.breakdown-bar i:nth-child(2){background:#9698ff}.breakdown-bar i:nth-child(3){background:#cdc5ff}.solve-breakdown{display:grid;gap:5px}.solve-breakdown button{display:grid;grid-template-columns:1fr auto;gap:5px 10px;text-align:left;padding:12px 10px;border:0;border-radius:8px;background:#141b35;color:#dde0f3}.solve-breakdown button:hover{background:#232751}.solve-breakdown button>span{font-size:12px}.solve-breakdown strong{font:16px var(--mono);color:#a5a7ff}.solve-breakdown small{grid-column:1/-1;color:#8c95b7;font-size:10px}.session-panel .breakdown-footnote{font-size:9px;margin:12px 0 24px}.panel-upload{display:flex;justify-content:space-between;align-items:center;color:#b5b7ff;font-size:11px;padding:13px 0 0}.panel-upload span{font-size:18px}
/* Shared workspace treatment for the guided upload. */
.workspace-app{--accent:#8183ff;--dark:#111936;--paper:#070d22;--line:#282f51;--muted:#9da5c0}
.workspace-app .upload-shell{padding-top:24px}.workspace-app .concept-nav{margin-bottom:20px}.workspace-app .upload-heading{margin-bottom:22px}.workspace-app .upload-shell h1{font-size:30px;letter-spacing:-1px}.workspace-app .upload-kicker{font-family:var(--sans);font-size:10px;letter-spacing:.7px;margin-bottom:8px}.workspace-app .upload-puzzle{background:#111936;border:0;border-radius:10px;color:#a5a7ff}.workspace-app .upload-steps{background:#111936;border-radius:12px;padding:12px 18px}.workspace-app .drop-zone,.workspace-app .form-panel,.workspace-app .recording-note{background:#111936;border-color:transparent;border-radius:16px}.workspace-app .drop-zone{border:1px dashed #6168a6}.workspace-app .drop-zone:hover{border-color:#9294ff;background:#192043}.workspace-app .upload-icon{background:#6366f1;color:white;border:0;border-radius:12px}.workspace-app .primary-button{background:#6366f1;border:0;border-radius:10px}.workspace-app .primary-button:hover{background:#777aff}.workspace-app .secondary-button,.workspace-app .mask-toolbar button{border-radius:8px}.workspace-app .form-panel textarea,.workspace-app .time-fields input,.workspace-app .inspection-input input{background:#0b1022;border-color:#303859;border-radius:8px}.workspace-app .trim-editor,.workspace-app .scramble-modes{background:#0b1022;border-radius:10px}.workspace-app .upload-player{border-radius:12px;overflow:hidden}.workspace-app .upload-actions{background:#111936;border-radius:12px;padding:16px;border:0;margin-top:18px}
@media(max-width:760px){.session-panel{display:flex;margin-top:4px}.solve-breakdown{grid-template-columns:repeat(3,minmax(0,1fr))}.solve-breakdown button{grid-template-columns:1fr;padding:10px 8px;gap:7px}.solve-breakdown button>span{font-size:11px}.solve-breakdown strong{font-size:15px}.solve-breakdown small{font-size:9px}.breakdown-bar{margin:12px 0}.session-panel .breakdown-footnote{margin:10px 0 16px}.queue-summary{padding-top:12px}.workspace-app .upload-shell h1{font-size:27px}.workspace-app .upload-actions{padding:12px}}
.workspace-app .variant-2 .recording-note{padding:18px;border-top:0}
/* Home describes the library; individual solves open in their own replay. */
.dashboard-overview{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.library-pulse{background:#111936;border-radius:16px;padding:18px 22px}.overview-label{display:flex;justify-content:space-between;font-size:12px;color:#9da5c0}.overview-label>span:last-child{color:#8183ff}.overview-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:18px 0}.overview-counts button{background:none;border:0;text-align:left;color:#d9dcf6;padding:0}.overview-counts strong{display:block;font:44px var(--mono);letter-spacing:-2px;color:#8183ff}.overview-counts button:nth-child(2) strong{color:#5bddab}.overview-counts button>span{display:flex;align-items:center;gap:6px;font-size:11px;margin-top:8px}.overview-counts small{font-size:8px;color:#8790b0}.overview-counts i{width:5px;height:5px;border-radius:50%;background:#8183ff}.overview-counts .ready-dot{background:#5bddab}.library-segments{display:flex;gap:5px;height:8px}.library-segments i{flex:1;background:#6366f1;border-radius:3px}.library-segments .pending{background:repeating-linear-gradient(135deg,#6366f14a 0 4px,#6366f118 4px 8px);border:1px solid #6366f161}.dashboard-add{position:relative;display:flex;align-items:center;gap:18px;border:1px solid #6366f14a;border-radius:16px;background:radial-gradient(ellipse at 90% 0,#6366f12a,transparent 75%),#111936;padding:24px;overflow:hidden}.dashboard-add:hover{border-color:#8183ff}.add-glyph{display:grid;place-items:center;width:58px;height:58px;border:1px solid #8587ff68;border-radius:16px;background:#6366f12e;color:#a5a7ff;font-size:34px;flex-shrink:0}.dashboard-add strong{display:block;font-size:17px;font-weight:500}.dashboard-add div>span{display:block;margin-top:10px;font-size:11px;color:#9da5c0;line-height:1.6}.add-arrow{position:absolute;right:20px;top:18px;color:#9597ff;font-size:20px}.desk-columns{grid-template-columns:1fr}.desk-row{grid-template-columns:24px 86px minmax(0,1fr) 120px 80px}.row-thumb{height:46px}.row-name strong{font-size:13px}.row-state{font-size:11px}.row-duration{font-size:20px}.replay-dialog{padding:0;border:1px solid #393f67;border-radius:18px;background:#111936;color:#eef0ff;width:min(1200px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 120px #0009;scrollbar-width:thin;scrollbar-color:#434975 #111936}.replay-dialog::backdrop{background:#030719c9;backdrop-filter:blur(8px)}.replay-dialog [hidden]{display:none!important}.replay-dialog-actions{display:flex;align-items:center;gap:18px}#close-replay{border:0;border-radius:8px;background:#202848;color:#c7cbee;font-size:24px;width:32px;height:32px;line-height:1}.visual-breakdown{margin-top:14px;background:#0b1022;border-radius:12px;padding:15px}.breakdown-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.breakdown-heading h3{font-size:12px;font-weight:500}.breakdown-heading>span{font-size:10px;color:#8f98b9}.visual-breakdown .breakdown-bar{height:66px;gap:4px;border-radius:8px;margin:15px 0 8px;overflow:hidden}.stage-segment{position:relative;border:0;padding:10px 12px 21px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#eef0ff;background:#4f52be;text-align:left}.stage-segment.stage-1{background:#7675cd}.stage-segment.stage-2{background:#aaa0df;color:#15162d}.stage-segment:hover{filter:brightness(1.15)}.stage-segment>span:first-child{font-size:12px;white-space:nowrap}.stage-segment>strong{font:16px var(--mono);white-space:nowrap}.stage-turn-marks{position:absolute;bottom:0;height:15px;left:0;right:0;background:#070d2222}.stage-turn-marks i{position:absolute;width:1px;top:4px;bottom:3px;background:currentColor;opacity:.5}.visual-breakdown .solve-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visual-breakdown .stage-snapshot{display:flex;align-items:center;gap:8px;padding:0;background:none;border:0;border-radius:8px;color:#dce0f5;text-align:left;min-width:0}.visual-breakdown .stage-snapshot:hover{background:#171e3a}.stage-snapshot canvas{width:76px;height:76px;flex-shrink:0}.visual-breakdown .stage-snapshot strong{font:12px var(--sans);color:#dce0f5;display:block}.visual-breakdown .stage-snapshot small{display:block;font-size:10px;color:#8f98b9;margin-top:6px}.snapshot-arrow{margin-left:auto;color:#a5a7ff;padding-right:12px;font-size:14px}.visual-breakdown .breakdown-footnote{font-size:9px;color:#818bad;line-height:1.6;margin-top:7px}
@media(max-width:760px){.dashboard-overview{grid-template-columns:1fr;gap:10px}.library-pulse{padding:16px}.overview-counts{gap:12px;margin:15px 0}.overview-counts strong{font-size:35px}.overview-counts button>span{font-size:10px;flex-wrap:wrap;gap:4px}.overview-counts small{display:none}.dashboard-add{padding:16px;gap:13px}.add-glyph{width:40px;height:40px;border-radius:11px;font-size:25px}.dashboard-add strong{font-size:14px}.dashboard-add div>span{font-size:10px;margin-top:5px}.add-arrow{right:16px;top:19px}.desk-row{grid-template-columns:48px minmax(0,1fr) 65px 47px;gap:7px}.row-name strong{font-size:10px}.row-state{font-size:9px}.row-duration{font-size:14px}.row-thumb{height:33px}.replay-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.visual-breakdown{padding:10px}.visual-breakdown .breakdown-bar{height:73px;margin-top:12px;gap:3px}.stage-segment{flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 7px 22px;gap:5px}.stage-segment>span:first-child{font-size:9px}.stage-segment>strong{font-size:13px}.breakdown-heading>span{font-size:8px}.visual-breakdown .solve-breakdown{gap:5px}.visual-breakdown .stage-snapshot{flex-direction:column;align-items:flex-start;gap:0;padding:0 3px 7px}.stage-snapshot canvas{width:68px;height:68px;align-self:center}.visual-breakdown .stage-snapshot strong{font-size:10px}.visual-breakdown .stage-snapshot small{font-size:8px}.snapshot-arrow{display:none}.visual-breakdown .breakdown-footnote{font-size:8px}}
@media(max-width:360px){.desk-row{grid-template-columns:38px minmax(0,1fr) 55px 40px;gap:5px}.row-state{font-size:8px}.row-duration{font-size:12px}}
/* Reports use the same full-width app container as Home, without an overlay. */
.solve-report{padding-top:24px;padding-bottom:32px}.report-navigation{display:flex;align-items:center;gap:22px;margin-bottom:20px;font-size:12px;color:#a7afd0}.report-navigation>a{color:#bec2ff}.report-navigation>span{border-left:1px solid #353c61;padding-left:22px;color:#7f89ab}.report-navigation nav{margin-left:auto;gap:22px;font-size:12px}.report-navigation nav a{display:inline-flex;color:#b6baff}.solve-report [hidden]{display:none!important}.report-unavailable{padding:40px;background:#111936;border-radius:16px}.report-unavailable h1{font-size:28px}.report-unavailable p{font-size:13px;margin:16px 0 24px;color:#a1aac7}.report-unavailable a{color:#adafff;font-size:13px}
@media(max-width:650px){.solve-report{padding-top:20px}.report-navigation{gap:12px;font-size:11px}.report-navigation>span{display:none}.report-navigation nav{gap:15px;font-size:11px}}
/* Soft ambient color behind solid app surfaces. */
.workspace-app{position:relative;isolation:isolate;background:radial-gradient(ellipse 80% 700px at 100% 0%,#5552ba18,transparent 75%),radial-gradient(ellipse 65% 650px at 0% 85%,#31467912,transparent 80%),#070d22}
.solve-preview{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:20px;border:1px solid #3c426d;border-radius:18px;background:#111936;color:#eef0ff;box-shadow:0 24px 90px #0008}.solve-preview::backdrop{background:#030719a8;backdrop-filter:blur(5px)}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.preview-heading h2{font-size:16px;font-weight:500;letter-spacing:-.3px;overflow-wrap:anywhere}.preview-heading button{width:30px;height:30px;border:0;border-radius:8px;background:#232b4d;color:#c8ccef;font-size:23px;flex-shrink:0}.preview-summary{display:flex;align-items:center;gap:20px;background:#0b1022;border-radius:12px;padding:10px}.preview-summary img{width:57%;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.preview-summary>div{min-width:0}.preview-summary span{display:block;color:#a1a9cc;font-size:10px}.preview-summary strong{display:block;color:#898bff;font:32px var(--mono);letter-spacing:-1.5px;margin:7px 0}.preview-summary small{font-size:9px;color:#8d97b8}.preview-stage-strip{display:flex;height:12px;gap:3px;border-radius:5px;overflow:hidden;margin:20px 0 12px}.preview-stage-strip i{background:#6366f1}.preview-stage-strip .preview-stage-1{background:#9592ed}.preview-stage-strip .preview-stage-2{background:#c3b6ef}.preview-stage-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #262e50}.preview-stage-row>span{font-size:12px;display:flex;align-items:center;gap:9px}.preview-stage-row>span:before{content:'';width:7px;height:7px;border-radius:2px;background:#6366f1}.preview-stage-row>.preview-stage-1:before{background:#9592ed}.preview-stage-row>.preview-stage-2:before{background:#c3b6ef}.preview-stage-row small{margin-left:auto;font-size:10px;color:#929cbc}.preview-stage-row strong{min-width:64px;text-align:right;font:17px var(--mono);color:#dee0fa}#preview-note{font-size:10px;color:#8e99ba;line-height:1.6;margin:14px 0}.preview-report{display:flex;align-items:center;justify-content:space-between;background:#6366f1;color:white;padding:12px 14px;border-radius:9px;font-size:12px}.preview-report:hover{background:#777aff}.solve-preview [hidden]{display:none!important}@media(max-width:360px){.solve-preview{padding:15px}.preview-summary{gap:12px}.preview-summary strong{font-size:26px}.preview-heading h2{font-size:14px}}
/* Inline selection details belong to the library, not an overlay. */
.has-preview .desk-columns{grid-template-columns:minmax(0,1fr) 310px;align-items:start}.desk-columns>.solve-preview{position:sticky;top:16px}.solve-preview{width:auto;max-height:none;margin:0;padding:16px;background:#0b1022;border:0;border-radius:12px;box-shadow:none;overflow:visible;min-width:0}.preview-heading h2{font-size:13px}.preview-summary{padding:0;background:none;gap:13px}.preview-summary strong{font-size:29px}.preview-stage-row{gap:8px}.preview-stage-row>span{font-size:11px}.preview-stage-row strong{font-size:15px;min-width:56px}.preview-stage-row small{font-size:9px}.desk-row.is-selected{background:#232751;border-color:#7073ee;box-shadow:none}.has-preview .desk-row{grid-template-columns:20px 65px minmax(0,1fr) 86px 62px;gap:10px}.has-preview .row-thumb{height:39px}.has-preview .row-duration{font-size:17px}.has-preview .row-name strong{font-size:12px}.has-preview .row-state{font-size:10px}
@media(max-width:1050px) and (min-width:761px){.has-preview .desk-columns{grid-template-columns:minmax(0,1fr) 270px}.has-preview .desk-row{grid-template-columns:48px minmax(0,1fr) 64px 49px;gap:6px;padding:9px 7px}.has-preview .row-index{display:none}.has-preview .row-name strong{font-size:10px}.has-preview .row-name small{font-size:8px}.has-preview .row-state{font-size:9px}.has-preview .row-duration{font-size:14px}.solve-preview{padding:13px}.preview-summary strong{font-size:26px}}
@media(max-width:760px){.has-preview .desk-columns{grid-template-columns:1fr}.desk-video-list>.solve-preview{margin:3px 0 9px;border:1px solid #555a984d}.has-preview .desk-row{grid-template-columns:48px minmax(0,1fr) 65px 47px;gap:7px}.has-preview .row-thumb{height:33px}.has-preview .row-name strong{font-size:10px}.has-preview .row-state{font-size:9px}.has-preview .row-duration{font-size:14px}}
@media(max-width:360px){.has-preview .desk-row{grid-template-columns:38px minmax(0,1fr) 55px 40px;gap:5px}.has-preview .row-state{font-size:8px}.has-preview .row-duration{font-size:12px}}

/* A restrained navy canvas with a single large contour behind the glass header. */
.workspace-app{background:#070d22;position:relative;isolation:isolate;overflow-x:clip}
.workspace-app:before{content:'';position:absolute;inset:0 0 auto;height:620px;z-index:-1;pointer-events:none;background:url('/images/workspace-contour.svg') top right / 1100px 620px no-repeat}
.workspace-header{position:sticky;top:0;z-index:20;padding-top:16px;padding-bottom:8px;background:transparent}
.workspace-header-inner{isolation:auto;padding:0 20px;background:rgba(19,27,52,.38);border:1px solid #b7baff24;border-radius:16px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 28px #03071728,inset 0 1px 0 #ffffff08;min-height:64px}
.workspace-header-inner:before{content:none}.workspace-header .brand{margin-left:0}.workspace-about{margin-right:0}.recon-desk{padding-top:19px}.solve-report{padding-top:16px}
@media(max-width:760px){.workspace-header{padding-top:10px;padding-bottom:6px}.workspace-header-inner{padding:0 14px;min-height:60px}.workspace-app:before{background-position:72% top;background-size:900px auto}.recon-desk{padding-top:16px}.workspace-header .brand{margin-left:0}.workspace-about{margin-right:0}}
/* Reserve the inspector column: selecting a video never resizes the library. */
.desk-columns,.has-preview .desk-columns{grid-template-columns:minmax(0,1fr) 310px;align-items:start}.preview-column{position:sticky;top:104px;min-width:0}.preview-idle{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:#0b1022;border-radius:12px;color:#838dad}.preview-idle>span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #7175c04a;border-radius:17px;color:#9598fa;font-size:27px;background:#161d3a}.preview-idle h3{font-size:14px;font-weight:500;color:#b7beda;margin:20px 0 9px}.preview-idle p{font-size:11px;line-height:1.7;max-width:210px}.idle-stages{display:flex;width:160px;gap:4px;height:5px;margin-top:23px;opacity:.45}.idle-stages i{flex:1;background:#35c9b0;border-radius:2px}.idle-stages i:nth-child(2){flex:2;background:#f4b75f}.idle-stages i:last-child{background:#a68bfa}
.desk-row,.has-preview .desk-row{grid-template-columns:20px 65px minmax(0,1fr) 86px 62px;gap:10px}.row-thumb,.has-preview .row-thumb{height:39px}.row-duration,.has-preview .row-duration{font-size:17px}.row-name strong,.has-preview .row-name strong{font-size:12px}.row-state,.has-preview .row-state{font-size:10px}
.stage-color-0{--stage-color:#35c9b0}.stage-color-1{--stage-color:#f4b75f}.stage-color-2{--stage-color:#a68bfa}.preview-stage-strip i{background:#35c9b0}.preview-stage-strip .preview-stage-1{background:#f4b75f}.preview-stage-strip .preview-stage-2{background:#a68bfa}.preview-stage-detail{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #272f4b}.preview-stage-detail canvas{width:58px;height:58px;flex-shrink:0}.preview-stage-detail>div{flex:1;min-width:0}.preview-stage-detail>div>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-stage-detail span{color:var(--stage-color);font-size:11px}.preview-stage-detail strong{font:16px var(--mono);color:#e1e4f7}.stage-duration-track{height:5px;background:#242a41;border-radius:3px;margin:9px 0 6px;overflow:hidden}.stage-duration-track i{display:block;height:100%;min-width:2px;background:var(--stage-color);border-radius:3px}.preview-stage-detail small{font-size:9px;color:#8691b3}
.stage-segment{background:#239b8c;color:#f1fffc}.stage-segment.stage-1{background:#dba04a;color:#231a09}.stage-segment.stage-2{background:#9876df;color:#140e27}
.workspace-app:before{position:fixed;inset:0;height:100dvh;background:url('/images/workspace-contour.svg') center / cover no-repeat}
@media(max-width:1050px) and (min-width:761px){.desk-columns,.has-preview .desk-columns{grid-template-columns:minmax(0,1fr) 270px}.desk-row,.has-preview .desk-row{grid-template-columns:48px minmax(0,1fr) 64px 49px;gap:6px;padding:9px 7px}.row-index{display:none}.row-name strong,.has-preview .row-name strong{font-size:10px}.row-name small{font-size:8px}.row-state,.has-preview .row-state{font-size:9px}.row-duration,.has-preview .row-duration{font-size:14px}}
@media(max-width:760px){.desk-columns,.has-preview .desk-columns{grid-template-columns:1fr}.preview-column{display:none}.desk-row,.has-preview .desk-row{grid-template-columns:48px minmax(0,1fr) 65px 47px;gap:7px}.row-thumb,.has-preview .row-thumb{height:33px}.row-name strong,.has-preview .row-name strong{font-size:10px}.row-state,.has-preview .row-state{font-size:9px}.row-duration,.has-preview .row-duration{font-size:14px}}
@media(max-width:360px){.desk-row,.has-preview .desk-row{grid-template-columns:38px minmax(0,1fr) 55px 40px;gap:5px}.row-state,.has-preview .row-state{font-size:8px}.row-duration,.has-preview .row-duration{font-size:12px}}
@media(min-width:761px){.preview-column{min-height:530px}.preview-idle{min-height:530px}}
/* Five independent, low-contrast background treatments. */
.workspace-app[data-background]:before{inset:0;height:100dvh;opacity:1;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .2s}
.workspace-app[data-background=curves]:before{background-image:url('/images/workspace-contour.svg');opacity:.3}
.workspace-app[data-background=bloom]:before{background-image:radial-gradient(ellipse 65% 80% at 5% 20%,#6366aa13,transparent 80%),radial-gradient(ellipse 70% 65% at 100% 100%,#916baa16,transparent 80%),radial-gradient(ellipse 50% 55% at 90% 0%,#567a9a0e,transparent 80%)}
.workspace-app[data-background=facets]:before{background-image:url('/images/background-facets.svg')}
.workspace-app[data-background=orbits]:before{background-image:url('/images/background-orbits.svg')}
.workspace-app[data-background=silk]:before{background-image:linear-gradient(125deg,transparent 12%,#9995cd08 21%,#aaa0e00e 23%,#03081900 28%,transparent 41%,#9692c50b 47%,#b8b0ee0c 48%,transparent 56%,transparent 70%,#8f8bb60c 76%,transparent 85%)}
.background-picker{position:relative;margin-left:auto;flex-shrink:0}.background-picker>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:11px;color:#a7aed0;padding:8px 10px;border:1px solid #9197c826;border-radius:8px;background:#10183250}.background-picker>summary::-webkit-details-marker{display:none}.background-picker>summary:hover,.background-picker[open]>summary{background:#242c4e;color:#e3e6ff}.background-picker-icon{font-size:17px;color:#a4a5ed;line-height:1}.background-picker+.workspace-about{margin-left:0}.background-options{position:absolute;right:0;top:calc(100% + 14px);width:285px;padding:12px;background:#10182ef5;border:1px solid #444b73;border-radius:13px;box-shadow:0 16px 50px #0008;backdrop-filter:blur(20px);z-index:30}.background-options-heading{font-size:12px;color:#e0e3f6;padding:4px 4px 12px;display:flex;align-items:center;justify-content:space-between}.background-options-heading>span{font-size:9px;color:#8792b4}.background-options button{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:1px solid transparent;background:none;border-radius:8px;color:#d0d6ef;text-align:left}.background-options button:hover{background:#1c2542}.background-options button[aria-pressed=true]{background:#242a50;border-color:#6d70bb73}.background-options strong{font-size:11px;font-weight:500;display:block}.background-options small{font-size:9px;color:#949ebe;display:block;margin-top:5px}.background-check{margin-left:auto;color:#a5a7ff;visibility:hidden}.background-options [aria-pressed=true] .background-check{visibility:visible}.background-swatch{display:block;width:60px;height:40px;border-radius:5px;flex-shrink:0;border:1px solid #535b834f;background-color:#090f25;background-position:center;background-size:cover}.swatch-curves{background-image:url('/images/workspace-contour.svg')}.swatch-bloom{background-image:radial-gradient(ellipse at 0 20%,#696caa55,transparent 80%),radial-gradient(ellipse at 100% 100%,#916baa55,transparent 80%)}.swatch-facets{background-image:url('/images/background-facets.svg');background-color:#131a30}.swatch-orbits{background-image:url('/images/background-orbits.svg');background-color:#131a30}.swatch-silk{background-image:linear-gradient(125deg,transparent 10%,#b8b0ee22 23%,transparent 31%,#aaa0e022 49%,transparent 57%,#8f8bb622 76%,transparent 85%)}
@media(max-width:760px){.workspace-header-inner{gap:12px}.background-picker>summary{padding:7px}.background-picker>summary>span:last-child{display:none}.background-options{right:-94px;width:min(285px,calc(100vw - 48px))}.background-picker+.workspace-about{font-size:9px}.workspace-header .brand{font-size:18px}.workspace-header .brand-mark{width:25px;height:25px}}
/* Stronger bloom and heavily diffused curves for background comparison. */
.workspace-app[data-background=bloom]:before{background-image:radial-gradient(ellipse 65% 80% at 5% 20%,#6366aa32,transparent 80%),radial-gradient(ellipse 70% 65% at 100% 100%,#916baa38,transparent 80%),radial-gradient(ellipse 50% 55% at 90% 0%,#567a9a26,transparent 80%)}
.workspace-app[data-background=curves]:before{inset:-90px;height:calc(100dvh + 180px);filter:blur(55px);opacity:.48}
.swatch-curves{background-image:radial-gradient(ellipse at 20% 70%,#7770af38,transparent 75%),radial-gradient(ellipse at 85% 10%,#8f82df40,transparent 80%)}
.swatch-bloom{background-image:radial-gradient(ellipse at 0 20%,#696caa75,transparent 80%),radial-gradient(ellipse at 100% 100%,#916baa75,transparent 80%)}
/* Dither after blur: tiny luminance variations break up dark gradient bands.
   Keep it separate from the blurred layer and below all app content. */
.workspace-app[data-background=curves]:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/images/background-dither.svg') repeat;background-size:256px 256px;opacity:.025}
/* Glass gets a soft top highlight instead of a hard perimeter stroke. */
.workspace-header-inner{border-color:transparent;box-shadow:0 8px 28px #03071724,inset 0 1px 0 #e3e6ff09;background-clip:padding-box}
/* Soft curves are dithered directly at device resolution, without CSS blur. */
.soft-curves-background{display:none;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:-1;pointer-events:none}
.workspace-app[data-background=curves]>.soft-curves-background{display:block}
.workspace-app[data-background=curves]:before,.workspace-app[data-background=curves]:after{content:none}
/* One primary action in the app header. */
.workspace-header-inner{min-height:78px;padding-right:12px}.header-reconstruct{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:0 20px 0 12px;border:1px solid #b4b0ff61;border-radius:12px;background:linear-gradient(125deg,#7771f4,#6059d8);box-shadow:0 5px 18px #4f46e52b,inset 0 1px 0 #ffffff24;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s,box-shadow .15s}.header-reconstruct:hover{background:linear-gradient(125deg,#8983ff,#7066e8);box-shadow:0 6px 22px #4f46e547}.header-reconstruct-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#ffffff17;font-size:25px;font-weight:400}.header-reconstruct-arrow{font-size:18px;color:#e3dfff;margin-left:9px}.recon-desk>.desk-heading{margin-bottom:20px}.preview-column{top:116px}
@media(max-width:760px){.workspace-header-inner{min-height:76px;padding:10px 12px;gap:10px}.header-reconstruct{font-size:11px;min-height:44px;gap:7px;padding:0 11px 0 8px;border-radius:10px}.header-reconstruct-icon{width:25px;height:25px;font-size:21px;border-radius:6px}.header-reconstruct-arrow{display:none}.workspace-header .brand{font-size:18px}.workspace-header .brand-mark{width:25px;height:25px}}
@media(max-width:420px){.workspace-header-inner{flex-wrap:wrap;gap:12px;padding:14px}.header-reconstruct{width:100%;font-size:13px;min-height:44px;justify-content:flex-start;padding:0 12px;gap:12px}.header-reconstruct-arrow{display:block;margin-left:auto}.workspace-header .brand{font-size:21px}.workspace-header nav{display:flex;margin-left:auto;font-size:12px}.workspace-header nav a{display:inline-flex}}
/* Statistics form one compact instrument strip within the library. */
.library-health{display:grid;grid-template-columns:1.15fr 1fr 1.3fr;gap:0;padding:9px 4px 20px;margin-bottom:12px;border-bottom:1px solid #8791c31a}.library-health>button{border:0;background:none;text-align:left;color:#dce1f7;padding:5px 20px;border-radius:9px;min-width:0}.library-health>button:first-child{padding-left:12px}.library-health>button:hover{background:#8992ff09}.library-health>button[aria-pressed=true]{background:#8992ff0e}.library-health>button:nth-child(2){border-radius:0;border-left:1px solid #8791c31a;border-right:1px solid #8791c31a}.health-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#9da6c5}.health-label>small{font-size:8px;text-transform:uppercase;letter-spacing:.5px;padding:2px 4px;border:1px solid #828bb031;border-radius:3px;color:#818bae}.health-value{display:flex;align-items:center;gap:18px;margin-top:10px}.health-value>strong{font:34px var(--mono);letter-spacing:-1.6px;color:#a3a4ff;font-weight:400}.health-value>strong>small{font-size:17px;letter-spacing:0;margin-left:2px}.health-value>span{font-size:10px;color:#8e99b9;line-height:1.7}.health-complete .health-value>strong{color:#5ed8b0}.health-complete .health-value>span>span{color:#abaaff;margin-left:9px}.pipeline-stages{display:flex;gap:14px;align-items:center}.pipeline-stages>span{display:flex;gap:5px;align-items:center;white-space:nowrap}.pipeline-stages b{font-weight:400;color:#bbc2df}.pipeline-stages i{width:5px;height:5px;background:#9292fa;border-radius:50%}.pipeline-stages>span:last-child i{background:#e6b36d}.health-rate{display:flex;align-items:center;justify-content:center;gap:16px;padding:5px 16px}.health-ring{position:relative;width:46px;height:46px;flex-shrink:0;display:grid;place-items:center}.health-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.health-ring circle{fill:none;stroke:#283350;stroke-width:2.5}.health-ring #health-ring-value{stroke:#5acba6;stroke-linecap:round;stroke-dasharray:100 100}.health-ring>span{color:#5acba6;font-size:17px}.health-rate .health-value{margin-top:7px;gap:13px}.health-rate .health-value>strong{font-size:30px;color:#dce1f7}.health-rate .health-value>span{font-size:9px}
@media(max-width:1100px){.pipeline-stages{flex-direction:column;align-items:flex-start;gap:1px}.library-health>button{padding:5px 14px}.health-value{gap:12px}.health-rate{padding:5px 12px;gap:12px}.health-rate .health-value{display:block}.health-rate .health-value>span{display:block;margin-top:3px}.health-rate .health-value>strong{font-size:27px}}
@media(max-width:650px){.library-health{grid-template-columns:1fr 1fr;padding:5px 0 12px;margin-bottom:9px}.library-health>button:first-child{padding-left:7px}.library-health>button:nth-child(2){border-right:0;padding-left:16px}.health-value>strong{font-size:29px}.health-label{font-size:10px;gap:6px}.health-value>span{font-size:9px}.health-complete .health-value{gap:10px}.health-complete .health-value>span>span{display:none}.health-rate{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #8791c31a;margin-top:12px;padding:12px 7px 0;gap:11px}.health-ring{width:30px;height:30px}.health-ring>span{font-size:12px}.health-rate>div{display:flex;align-items:center;flex:1;gap:12px}.health-rate .health-value{display:flex;align-items:center;gap:8px;margin:0 0 0 auto}.health-rate .health-value>strong{font-size:22px}.health-rate .health-value>strong>small{font-size:12px}.health-rate .health-value>span{font-size:8px;max-width:74px;line-height:1.4;margin:0}.health-rate .health-label{font-size:9px;max-width:85px}.pipeline-stages{gap:0}.health-label>small{font-size:7px}}
/* Match the primary action to the app's flat violet controls. */
.header-reconstruct{background:#6366f1;border:0;box-shadow:none;border-radius:10px;font-weight:500;gap:10px;padding:0 18px;min-height:46px;transition:background .15s}.header-reconstruct:hover{background:#7375f5;box-shadow:none}.header-reconstruct-icon{background:none;width:auto;height:auto;border-radius:0;font-size:23px}.header-reconstruct-arrow{display:none}
@media(max-width:760px){.header-reconstruct{min-height:42px;font-size:11px;padding:0 13px;gap:8px}}
@media(max-width:420px){.header-reconstruct{font-size:13px;justify-content:center;min-height:42px}}
/* Independent compact stats, separated from the video library. */
.recon-desk>.library-health{grid-template-columns:1.1fr 1fr 1.25fr;gap:12px;padding:0;margin:0 0 22px;border:0}.recon-desk>.library-health>button,.recon-desk>.library-health>.health-rate{position:relative;min-height:104px;padding:17px 20px;border:1px solid #8791c317;border-radius:13px;background:#111936c9;box-shadow:0 5px 20px #03071916}.recon-desk>.library-health>button:hover{background:#192142}.recon-desk>.library-health>button[aria-pressed=true]{border-color:#7379c951;background:#181f3e}.recon-desk>.library-health>.health-rate{justify-content:flex-start;gap:18px}.recon-desk>.library-health .health-value{margin-top:9px}.recon-desk>.library-health .health-rate .health-value{margin-top:7px}.recon-desk>.library-health .health-value>strong{font-size:31px}
/* A framed violet action with a distinct icon treatment. */
.header-reconstruct{position:relative;min-height:48px;padding:0 18px 0 8px;gap:12px;background:#25264c;border:1px solid #8e8bf19c;border-radius:11px;color:#e8e7ff;font-weight:550;box-shadow:inset 0 1px 0 #cbc7ff12}.header-reconstruct-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;color:#eeedff;background:#6663da;font-size:25px;line-height:1}.header-reconstruct:hover{background:#343264;border-color:#b1abff;box-shadow:inset 0 1px 0 #cbc7ff20}.header-reconstruct:active{background:#2a2856}.header-reconstruct-arrow{display:block;margin-left:8px;font-size:16px;color:#aaa6ef}
@media(max-width:1050px){.recon-desk>.library-health{gap:10px}.recon-desk>.library-health>button,.recon-desk>.library-health>.health-rate{padding:15px;min-height:110px}.recon-desk>.library-health>.health-rate{gap:10px}.recon-desk>.library-health .health-value{gap:10px}.recon-desk>.library-health .health-rate .health-value>strong{font-size:27px}}
@media(max-width:650px){.recon-desk>.library-health{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.recon-desk>.library-health>button{padding:13px 14px;min-height:99px}.recon-desk>.library-health>.health-rate{min-height:68px;padding:13px 14px;margin:0;gap:12px}.recon-desk>.library-health .health-rate .health-value{margin:0 0 0 auto;gap:12px}.recon-desk>.library-health .health-rate .health-value>strong{font-size:24px}.recon-desk>.library-health .health-rate .health-label{max-width:none}.recon-desk>.library-health .health-value>strong{font-size:28px}.header-reconstruct{min-height:44px;font-size:11px;padding:0 12px 0 6px;gap:8px}.header-reconstruct-icon{width:29px;height:29px;font-size:23px}.header-reconstruct-arrow{display:none}}
@media(max-width:420px){.header-reconstruct{justify-content:flex-start;font-size:13px;gap:12px}.header-reconstruct-arrow{display:block;margin-left:auto}}

/* Report analysis shares the replay's clock and phase colors. */
.report-analysis{margin-top:20px}.report-analysis-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.report-analysis-heading h3{font-size:13px;font-weight:500}.report-analysis-heading>span{font-size:11px;color:#939dbb}.report-rhythm{background:#0b1022;border-radius:12px;padding:16px 22px 12px}.report-wave{position:relative;height:92px;margin:0 5px;background:linear-gradient(transparent 49%,#333d594d 49%,#333d594d 51%,transparent 51%)}.report-wave>button:not(.report-pause){position:absolute;top:50%;transform:translate(-50%,-50%);width:max(5px,.7%);padding:0;border:0;border-radius:1px;background:var(--phase);opacity:.8;cursor:pointer}.report-wave>button:hover{opacity:1;filter:brightness(1.3)}.report-wave-cursor{position:absolute;top:14px;bottom:10px;width:2px;background:#eef0ff;box-shadow:0 0 9px #b3b9ff;z-index:2;pointer-events:none}.report-wave .report-pause{position:absolute;top:0;transform:translateX(-50%);padding:2px 5px;border:1px solid #afa0f66b;border-radius:5px;background:#33294e;color:#dfd4ff;font:10px var(--mono);z-index:3;height:auto}.report-wave-labels{display:flex;gap:3px;margin-top:4px}.report-wave-labels button{min-width:0;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;text-align:left;border:0;border-top:3px solid var(--phase);background:transparent;color:#aab3ce;padding:10px 4px 0;font-size:11px;cursor:pointer}.report-wave-labels strong{color:#e8edff;font:12px var(--mono)}.report-wave-axis{display:flex;justify-content:space-between;color:#7884a6;font:10px var(--mono);margin-top:10px}.report-extra-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.report-extra-metrics>div{background:#0b1022;border-radius:10px;padding:13px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.report-extra-metrics span{font-size:11px;color:#aab3ce}.report-extra-metrics strong{font:24px var(--mono);grid-row:span 2;color:#d8d9ff}.report-extra-metrics small{font-size:10px;color:#7f8baa}.report-analysis-toggle{display:flex;background:#0b1022;padding:3px;border-radius:7px}.report-analysis-toggle button{border:0;border-radius:5px;background:none;color:#8e99ba;font-size:11px;padding:6px 19px;cursor:pointer}.report-analysis-toggle button[aria-pressed=true]{background:#6564e9;color:#fff}.report-table-scroll{overflow:auto}.report-phase-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.report-phase-table th{text-align:right;color:#8994b3;font-size:10px;font-weight:400;padding:8px 12px}.report-phase-table th:first-child{text-align:left}.report-phase-table td{padding:12px;text-align:right;font-family:var(--mono);border-bottom:1px solid #ffffff08}.report-phase-table td:first-child{text-align:left}.report-phase-table td button{border:0;background:none;color:var(--phase);padding:0;font:12px var(--sans, sans-serif);cursor:pointer}.report-phase-table td button:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--phase);margin-right:9px}.report-phase-table tr.active{background:#777aff12}.report-move-group{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;padding:14px;background:#0b1022;margin-bottom:6px;border-radius:9px;border-left:2px solid var(--phase)}.report-move-group.active{background:#171f3d}.report-move-group>div:first-child{display:flex;flex-direction:column;gap:5px}.report-move-group strong{color:var(--phase);font-size:12px;font-weight:500}.report-move-group span{font:10px var(--mono);color:#8d99b8}.report-move-group>div:last-child{display:flex;flex-wrap:wrap;gap:2px;align-content:center}.report-move-group button{background:none;border:0;color:#c9cfe3;font:13px var(--mono);padding:4px 5px;border-radius:4px;cursor:pointer}.report-move-group button:hover{background:#6564e944;color:#fff}.report-move-group button.rotation{color:#9593f7}.report-analysis-note{font-size:10px;line-height:1.6;color:#8691b0;margin:12px 0}.report-scramble{border-top:1px solid #ffffff0b;padding:13px 0 0;color:#96a1bf;font-size:11px}.report-scramble summary{cursor:pointer}.report-scramble p{font:12px/1.9 var(--mono);color:#bec7df;margin-top:10px}.solve-report button:focus-visible{outline:2px solid #bcbaff;outline-offset:3px}
@media(max-width:650px){.report-rhythm{padding:12px}.report-analysis-heading>span{font-size:9px}.report-extra-metrics>div{padding:11px;display:flex;flex-direction:column;align-items:flex-start}.report-extra-metrics strong{order:1;font-size:22px}.report-extra-metrics small{order:2;line-height:1.5}.report-move-group{grid-template-columns:1fr;gap:8px}.report-move-group>div:first-child{flex-direction:row;justify-content:space-between}.report-phase-table td,.report-phase-table th{padding:10px 6px}.report-wave-labels button{font-size:10px}.report-wave-labels strong{font-size:10px}}
.solve-report .timing-ruler{display:none}

.row-state.partial,.inspector-state[data-state="partial"]{color:#ffd18a}.frame-rate-warning{padding:1rem;border:1px solid #9a783d;border-radius:8px;color:#ffd18a}

#known-scramble > label { display: block; margin: 14px 0 8px; font-size: 12px; color: #aab3ce; }
.primary-button:disabled { opacity: .42; cursor: not-allowed; }
.report-scramble .notation-token, .notation-token, .report-move-group button, #inspector-moves button { white-space: nowrap; overflow-wrap: normal; word-break: normal; }