:root{color-scheme:light;--paper:#f1f2e9;--card:#fafaf4;--ink:#173d32;--accent:#315f4c;--muted:#76867b;--line:#e0e5d9;--radius:20px}
.video-cloud-access{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 18px;margin:12px 0;border:1px solid var(--line);border-radius:14px;background:#f0f3e9}.video-cloud-access p{margin:3px 0 0}.video-cloud-login,.video-cloud-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.video-cloud-login{margin-left:auto}.video-cloud-login label{font-size:12px;color:var(--muted)}.video-cloud-login .text-input{width:180px;max-width:100%}.clip-job-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}@media(max-width:680px){.video-cloud-login{margin-left:0;width:100%}.video-cloud-login .text-input{flex:1;min-width:120px}.video-cloud-access{padding:14px}}
*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:300px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,label.button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}
button:focus-visible,a:focus-visible,label.button:focus-visible,.archive-item:focus-visible,.drop-zone:focus-visible,.text-input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.muted{color:var(--muted)}
.topbar{min-height:76px;padding:14px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cad6c7;border-radius:50%;color:var(--accent);font-size:21px;font-weight:600}.brand strong{display:block;font-size:18px;font-weight:600;letter-spacing:.16em;line-height:1.4}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.13em;line-height:1.7}.topbar-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#53876b}
.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 76px);max-width:1920px;margin:0 auto}.sidebar{min-width:0;padding:25px 16px 36px 20px;border-right:1px solid var(--line)}.main-content{min-width:0;padding:32px clamp(22px,3vw,48px) 64px}.panel{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.sidebar .panel{padding:18px 15px;margin-bottom:16px}
.panel-heading,.chart-heading,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading>div,.chart-heading>div,.section-head>div{min-width:0}.eyebrow{font-size:11px;letter-spacing:.17em;color:#6c8173;font-weight:400}.panel h2{margin:0;font-size:17px;line-height:1.55;font-weight:600}.section-head{font-size:17px;font-weight:600;margin-bottom:18px}.section-head .small{padding-top:3px;text-align:right}.small,.chart-note{color:#829084;font-size:11px;line-height:1.7;font-weight:400}.intro{max-width:630px;color:var(--muted);font-size:14px;line-height:1.9;margin:14px 0 24px}.import-panel .intro{font-size:12px;margin:0 0 14px}
.drop-zone{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;min-height:140px;padding:20px 10px;border:1px dashed #b8c9b1;border-radius:12px;background:#eff3e9;text-align:center;transition:background .16s,border-color .16s}.drop-zone.dragging{background:#e1eadc;border-color:var(--accent)}.drop-zone strong{font-size:12px;font-weight:600}.drop-zone span{font-size:10px;color:var(--muted)}.drop-zone .drop-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--accent);font-size:26px;line-height:1;margin-bottom:5px}
.file-origin-note a{color:var(--accent);font-weight:600}
.import-actions,.cloud-actions{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.import-actions .button,.cloud-actions .button{flex:1;padding-left:10px;padding-right:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid transparent;border-radius:24px;padding:8px 16px;background:#e4ebdf;color:var(--accent);cursor:pointer;font:inherit;font-size:12px;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;transition:background .15s}.button:hover{background:#dce6d5}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:#274f3e}.button.secondary{border-color:var(--line);background:transparent;color:var(--accent)}.button.secondary:hover{background:#eaf0e3}.button.tiny{min-height:32px;padding:5px 11px;font-size:11px}.icon-button{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--accent);cursor:pointer;font-size:19px;line-height:1}.icon-button:hover{background:#e4ebdf}
.file-picker{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;opacity:0;clip-path:inset(50%)}.import-actions:has(#filePicker:focus-visible) label[for="filePicker"],.import-actions:has(#directoryPicker:focus-visible) label[for="directoryPicker"]{outline:2px solid var(--accent);outline-offset:4px}.queue{display:flex;flex-direction:column;gap:7px;margin-top:13px}.empty-queue,.empty-state{color:var(--muted);font-size:11px}.empty-state{padding:6px 0;line-height:1.8}.queue-item,.archive-item{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:transparent}.queue-name,.archive-item strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.queue-status,.archive-item span{display:flex;justify-content:space-between;gap:8px;margin-top:3px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.progress{height:3px;border-radius:4px;overflow:hidden;margin-top:7px;background:#e5e8df}.progress i{display:block;height:100%;width:0;background:#7ca188}
.archive-list{display:flex;flex-direction:column;gap:7px;margin-top:14px;max-height:250px;overflow-y:auto}.archive-item{cursor:pointer;color:var(--ink);text-align:left;width:100%}.archive-item:hover,.archive-item.active{background:#eaf0e3;border-color:#cadac4}.field-label{display:block;margin:14px 0 5px;color:var(--muted);font-size:11px}.text-input{min-width:0;width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#eef1e7;color:var(--ink);font-size:12px}.text-input::placeholder{color:#8b968b}.side-footnote{padding:2px 4px;font-size:10px;color:#829084;line-height:1.9}.cloud-panel>summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--accent)}.cloud-panel>summary .small{margin-left:10px}
.welcome{position:relative;margin:34px auto;padding:24px 18px;max-width:900px}.headline{margin:14px 0 12px;font-size:clamp(29px,3vw,42px);line-height:1.4;font-weight:600;letter-spacing:-.025em}.welcome>.intro{margin-bottom:32px}.empty-preview{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:30px 0;color:var(--muted);font-size:12px}.preview-tier{height:18px;border-radius:12px;background:linear-gradient(90deg,#d9ddd5 0 20%,#9bc8b2 20% 45%,#ebc06b 45% 67%,#df8e68 67% 84%,#aa514e 84% 100%)}.empty-preview p{margin:22px 0 0;line-height:1.8}
.report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.report-header>div:first-child{min-width:0;flex:1}.report-header .headline{font-size:clamp(27px,2.5vw,36px);margin:11px 0}.report-header .intro{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.record-name{display:block;max-width:100%;color:#829084;font-size:11px;overflow-wrap:anywhere}.report-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;flex:none}
.metric-guide,.summary-panel{padding:22px;margin-bottom:20px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px}.guide-card{min-width:0;display:flex;flex-direction:column;align-items:center;padding:14px 8px;border:1px solid transparent;border-radius:12px;background:#eff3e9;color:var(--ink);font:inherit;text-align:center;cursor:pointer}.guide-card:hover,.guide-card[aria-pressed="true"]{background:#e6eddf;border-color:#cadac4}.guide-card canvas{width:76px;height:61px;display:block}.guide-card strong{margin-top:9px;font-size:12px;font-weight:600}.guide-card span{margin-top:5px;color:#708274;font-size:10px;line-height:1.6}#guideExplanation{margin:16px 0 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;padding:4px 0}.stat-card{min-width:0}.stat-card .label{display:block;color:var(--muted);font-size:11px;line-height:1.6}.stat-card .value{margin:0 0 5px;color:var(--ink);font-size:28px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-card .value small{font-size:11px;color:#829084;font-weight:400}.stat-card .unit{margin-left:4px;font-size:11px;color:#829084;font-weight:400}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}.dashboard-grid>.panel{padding:22px}.timeline-panel,.vertical-panel{grid-column:1/-1}.chart-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}.chart-hint{font-size:10px;color:var(--muted);padding-left:3px}.canvas-wrap{position:relative;width:100%;height:310px;min-height:180px;border-radius:10px;overflow:hidden;background:#f8f8f1}.canvas-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}.timeline-canvas,.vertical-canvas{height:330px}.fingerprint-canvas,.rally-canvas{height:310px}.ring-canvas{height:320px}.range-readout{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:10px;padding-top:11px;font-variant-numeric:tabular-nums}.chart-caption{color:#829084;font-size:11px;line-height:1.8;margin:14px 0 0}
.tier-bar{display:flex;width:100%;height:16px;overflow:hidden;border-radius:15px;margin-top:24px;background:repeating-linear-gradient(45deg,#e5e8df,#e5e8df 4px,#f6f7f0 4px,#f6f7f0 8px)}.tier-bar>*{min-width:0;height:100%}.tier-legend{display:flex;flex-wrap:wrap;gap:16px 20px;margin-top:20px;color:#7a877b;font-size:12px}.tier-row{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:4px 7px;flex:1 1 62px;font-size:11px}.tier-row i,.tier-row .dot{width:8px;height:8px;border-radius:50%}.tier-row strong{grid-column:2;color:var(--ink);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.tier-row small{grid-column:2;color:#829084;font-size:10px}.playing-panel{border-color:#cadac4}.playing-value{margin-top:12px;color:var(--ink);font-size:40px;line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums}.playing-value small{margin-left:4px;font-size:15px;font-weight:400}.playing-note{color:#76867b;font-size:11px;line-height:1.8;margin:9px 0 0}.playing-ranges{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;margin-bottom:10px}.playing-ranges>*{min-width:0;max-width:100%;border-radius:15px;background:#eaf0e3;padding:5px 10px;color:var(--accent);font-size:11px;overflow-wrap:anywhere}.playing-ranges button{cursor:pointer;border:1px solid #d9e3d1;font:inherit;font-size:11px}
.size-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:13px;font-size:10px;color:#748279}.size-example{display:flex;align-items:center;gap:6px}.size-dot{flex:none;border-radius:50%;background:#5d8c76;opacity:.78}.size-note{font-size:10px;color:#8b958b}.detail-panel{min-height:390px}.detail-body{padding-top:4px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.detail-body>p:first-child{margin-top:0}.detail-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.detail-kv>div{min-width:0;border-radius:10px;background:#eff3e9;padding:12px}.detail-kv span{display:block;font-size:10px;color:#71836f}.detail-kv strong{display:block;margin-top:4px;font-size:16px;font-weight:600;line-height:1.5}.point-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:18px;font-size:11px}.point-pager .button{min-height:32px;padding:6px 11px;font-size:11px}
.notice,.error{border-radius:12px;padding:14px 16px;font-size:12px;line-height:1.8;margin-bottom:18px;background:#e1eadc;color:var(--accent)}.error{background:#f0dfd6;color:#9d5746}#selectionToolbar{margin-top:16px;padding:14px;border-radius:12px;background:#eaf0e3}#selectionToolbar .small{margin:0 0 10px}#verticalMode{width:auto;max-width:270px;padding:6px 9px;min-height:32px;font-size:11px}#verticalDetail{margin-top:10px}.technical-details{margin-top:20px;padding:14px 0;border-top:1px solid var(--line)}.technical-details summary{cursor:pointer;color:#829084;font-size:11px}#technicalDetails{padding-top:12px;overflow-wrap:anywhere}.toast{position:fixed;right:24px;bottom:24px;max-width:calc(100vw - 48px);border-radius:10px;padding:11px 15px;background:var(--ink);color:var(--card);font-size:12px;line-height:1.7;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s,transform .18s;z-index:8}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1240px){.main-content{padding:28px 22px 50px}.report-header{flex-wrap:wrap}.report-actions{padding-top:0}.dashboard-grid>.panel,.metric-guide,.summary-panel{padding:18px}.section-head{flex-wrap:wrap;gap:9px}.stats-grid{gap:20px 12px}.stat-card .value{font-size:25px}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.app-shell{display:flex;flex-direction:column}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;border-right:0;border-bottom:1px solid var(--line);padding:20px 22px}.sidebar .panel{margin-bottom:0}.sidebar .import-panel{grid-row:span 2}.cloud-panel{grid-column:2}.side-footnote{grid-column:1/-1;margin:0;padding:0}.main-content{width:100%}.welcome{margin:0 auto;padding:28px 18px}.report-header>div:first-child{flex-basis:100%}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.topbar{min-height:68px;padding:13px 18px;gap:10px}.topbar-note{font-size:10px}.brand{gap:9px}.brand strong{font-size:16px}.main-content{padding:24px 16px 44px}.sidebar{padding:16px;gap:12px}.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:16px}.timeline-panel,.vertical-panel{grid-column:auto}.detail-panel{min-height:320px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 13px}.stat-card .value{font-size:24px}.report-header{margin-bottom:18px}.report-header .headline{font-size:28px}.report-actions{width:100%}.report-actions .button{flex:1}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chart-tools{justify-content:flex-start}}
@media(max-width:640px){.sidebar{display:grid;grid-template-columns:minmax(0,1fr)}.sidebar .import-panel{grid-row:auto}.cloud-panel{grid-column:auto}.side-footnote{grid-column:auto}.archive-list{max-height:170px}.welcome{padding:22px 4px}.headline{font-size:32px}.welcome>.intro{font-size:13px}.empty-preview{padding:25px 20px}.section-head .small{text-align:left}.chart-tools{width:100%;margin-top:3px}.dashboard-grid>.panel,.metric-guide,.summary-panel{padding:18px 15px}.guide-card{padding:13px 6px}.guide-card span{font-size:10px}.tier-legend{gap:13px 16px}.playing-value{font-size:38px}.technical-details{margin-top:16px}#verticalMode{flex:1;max-width:none;min-width:150px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card .value{font-size:22px}.stat-card .unit{font-size:10px}}
@media(max-width:370px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-note{max-width:110px}.guide-card canvas{width:65px;height:52px}.guide-card strong{font-size:11px}.guide-card span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.canvas-wrap canvas{touch-action:none}.guide-card canvas{width:76px;height:61px}.size-legend>span{display:inline-flex;align-items:center;gap:6px}.size-legend i{display:inline-block;flex:none;border-radius:50%;background:#5d8c76;opacity:.78}.text-button{border:0;background:transparent;color:#315f4c;padding:2px 6px;text-decoration:underline;cursor:pointer}
.archive-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.archive-row .archive-item{min-width:0}.compare-button{min-width:42px;padding:5px 8px;border:1px solid #d0d9cc;border-radius:10px;background:#eef2e9;color:#315f4c;font-size:10px;cursor:pointer}.compare-button:hover,.compare-button.active{background:#dfebdf;border-color:#9fbea8}.comparison-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:12px 15px;border:1px solid #cbdcc9;border-radius:14px;background:#eaf2e6;color:#315f4c}.comparison-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;min-width:0}.comparison-bar strong{font-size:12px}.comparison-bar #comparisonTitle{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.comparison-bar .small{color:#718574}.comparison-bar .button{flex:none}
.comparison-bar{align-items:flex-start;background:#f1f0f6;border-color:#dad4e4;padding:16px 18px}
.comparison-bar .comparison-heading{display:grid;gap:5px;flex:1}
.comparison-bar #comparisonTitle{max-width:none;white-space:normal;overflow-wrap:anywhere;color:#574666;font-weight:500}
.comparison-bar .comparison-actions{flex:none;gap:8px}
.comparison-value{color:#786492!important;font-size:12px;font-variant-numeric:tabular-nums}
.stat-difference{color:#76867b;font-size:10px;margin-top:3px;font-variant-numeric:tabular-nums}
.detail-source{padding:7px 10px;border-left:3px solid #786492;background:#efedf3;color:#67547a;font-size:11px}
.overlay-caption{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:#786492;font-size:11px;margin:-5px 0 12px}
.overlay-caption span{display:inline-flex;align-items:center;gap:6px}
.overlay-caption i{display:inline-block;width:19px;border-top:2px solid #315f4c}
.overlay-caption .layer-b i{border-color:#786492;border-top-style:dashed}
.overlay-caption .layer-a{color:#315f4c}
#tierComparison{margin-top:12px}#tierComparison .tier-bar,#tierBaseLabel:not([hidden])+.tier-bar{margin-top:5px}
.compare-button:focus-visible{outline:2px solid #786492;outline-offset:2px}
@media(max-width:1000px){.comparison-bar{flex-wrap:wrap}.comparison-bar .comparison-heading{flex-basis:100%}}
.timeline-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px 18px;margin-top:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#f6f8f0;color:#6f7f72;font-size:11px;line-height:1.6}
.timeline-legend .legend-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px 10px}
.timeline-legend .legend-title{color:#7b8a7d}
.timeline-legend .legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.timeline-legend .legend-swatch{display:inline-block;flex:none;width:11px;height:11px;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(23,61,50,.16)}
.timeline-legend .legend-peak{display:inline-block;flex:none;width:2px;height:15px;border-radius:1px;background:#9baba0}
.timeline-legend .legend-gap{display:inline-block;flex:none;width:12px;height:12px;border-radius:3px;background:repeating-linear-gradient(135deg,#e9ede4 0 3px,#fafaf4 3px 6px);box-shadow:inset 0 0 0 1px #dfe4da}
@media(max-width:640px){.timeline-legend{gap:6px 12px;padding:8px 10px;font-size:10px}.timeline-legend .legend-group{gap:4px 7px}}
.comparison-setup{padding:20px 22px;margin-bottom:20px}.comparison-setup .section-head{align-items:center;margin-bottom:10px}.comparison-setup .section-head .small{text-align:left;margin:6px 0 0}.comparison-setup #comparisonMode{width:auto;max-width:100%;flex:none}.comparison-setup details{border-top:1px solid var(--line);padding-top:10px}.comparison-setup summary{cursor:pointer;font-size:12px}.comparison-setup summary .small{margin-left:10px}.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.context-grid label{font-size:11px;color:var(--muted)}.context-grid .text-input{display:block;margin-top:5px}.context-wide{grid-column:1/-1}.context-footer{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}@media(max-width:700px){.comparison-setup{padding:18px 15px}.comparison-setup #comparisonMode{width:100%}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-wide{grid-column:1/-1}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* The workspace keeps calendar navigation and record selection in the main column. */
.workspace-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 24px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#e8ede2;width:fit-content;max-width:100%}
.workspace-nav .button{min-height:44px;min-width:132px;padding:10px 22px;border-radius:11px;background:transparent;color:#6d8072}
.workspace-nav .button:hover{background:#e0e8da;color:var(--ink)}
.workspace-nav .button[aria-pressed="true"]{background:var(--card);box-shadow:0 2px 6px rgba(23,61,50,.08);color:var(--ink);font-weight:600}
#historyPanel{margin:0;padding:clamp(20px,2.4vw,32px)}
.history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}
.history-heading h2{font-size:24px;line-height:1.4;letter-spacing:-.02em}
.history-heading .small{margin:6px 0 0;font-size:12px}
.history-heading .icon-button{width:44px;height:44px}
.history-period-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border:1px solid var(--line);border-radius:13px;background:#edf1e7;width:fit-content;max-width:100%;margin-bottom:18px}
.history-kind-button{min-height:44px;min-width:74px;padding:8px 20px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:13px}
.history-kind-button:hover{background:#e1eadb;color:var(--accent)}
.history-kind-button.active,.history-kind-button[aria-selected="true"],.history-kind-button[aria-pressed="true"]{background:var(--card);box-shadow:0 1px 4px rgba(23,61,50,.1);color:var(--accent);font-weight:600}
.history-controls{display:grid;grid-template-columns:44px minmax(150px,270px) 44px;align-items:center;gap:10px;max-width:100%}
.history-controls .text-input{min-height:44px;padding:9px 12px;font-size:14px;background:var(--card)}
.history-arrow{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--accent);cursor:pointer;font-size:26px;line-height:1}
.history-arrow:hover{background:#e4ebdf;border-color:#bdcfb6}
.history-date{text-align:center;font-variant-numeric:tabular-nums}
.history-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 22px}
.history-toolbar .button,.history-toolbar .button.tiny,#historyBack{min-height:44px;padding:9px 15px;font-size:12px}
#historyBack{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px}
.history-label{margin:0;color:var(--ink);font-size:22px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}
#historyCompareLabel{margin:4px 0 0;color:var(--muted);font-size:12px}
.history-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0 28px}
.history-metrics>.small{grid-column:1/-1}
.history-metric{min-width:0;padding:17px 14px;border:1px solid var(--line);border-radius:14px;background:#f5f6ee}
.history-metric:nth-child(-n+3){background:#eaf1e4;border-color:#d6e2cd}
.history-metric>span{display:block;color:#71806f;font-size:11px}
.history-metric>strong{display:block;margin:8px 0;color:var(--ink);font-size:23px;line-height:1.35;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.history-metric:nth-child(-n+3)>strong{font-size:27px}
.history-metric>small{display:block;color:#7b897b;font-size:10px;line-height:1.65;overflow-wrap:anywhere}
.history-days-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;color:var(--ink);font-size:13px}
.history-days-head>span{color:var(--muted);font-size:11px}
.history-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:9px;margin:10px 0 24px;padding:14px 0 0;border-top:1px solid var(--line);overflow-x:auto}
.history-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:44px;min-height:150px;padding:10px 6px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);cursor:pointer;font:inherit}
.history-day:hover{background:#edf3e6;border-color:#cfddc7}
.history-day.selected,.history-day[aria-pressed="true"]{background:#e4eddb;border-color:#9db98f}
.history-day>small{font-size:11px;color:#687d6d;line-height:1.3;font-variant-numeric:tabular-nums}
.history-bar-slot{display:flex;align-items:flex-end;justify-content:center;width:100%;height:76px;min-height:76px}
.history-bar-slot i,.history-day>i{display:block;flex:none;width:clamp(14px,2.2vw,28px);min-height:3px;max-height:76px;border-radius:6px 6px 2px 2px;background:#83a991}
.history-day>span:last-child{display:flex;align-items:center;flex-direction:column;color:var(--muted);font-size:11px;line-height:1.55;font-variant-numeric:tabular-nums}
.history-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:18px 0 24px;overflow:hidden}
.history-weekday{padding:4px;text-align:center;font-size:12px;color:#7c8b7c}
.history-calendar-day{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;min-height:86px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f5f6ef;color:var(--muted);font:inherit;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}
.history-calendar-day>strong,.history-calendar-day>span:first-child{font-size:14px;font-weight:500;line-height:1.3}
.history-calendar-day>small{font-size:10px;line-height:1.5;color:#7d8c7d}
.history-calendar-day.has-data{background:#eaf1e4;color:var(--ink);border-color:#cbdcc1}
.history-calendar-day.has-data>small{color:#4e765d}
.history-calendar-day:hover{background:#e2ecdc;border-color:#a9c19c}
.history-calendar-day.today:after{content:"";position:absolute;top:12px;right:11px;width:5px;height:5px;border-radius:50%;background:#63856a}
.history-calendar-day.selected,.history-calendar-day[aria-pressed="true"]{background:#dce9d3;border-color:#64885b;box-shadow:inset 0 0 0 1px #64885b;color:var(--ink)}
.history-calendar-day:disabled{opacity:.3;background:transparent;border-color:transparent;cursor:default}
.history-source-details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.history-source-details>summary{min-height:44px;cursor:pointer;font-size:13px;color:var(--accent)}
.history-source-list{display:flex;flex-direction:column;gap:9px;margin-top:12px;max-height:440px;overflow-y:auto;padding:3px 4px 5px 1px;scrollbar-width:thin;scrollbar-color:#becdb5 transparent;overscroll-behavior:contain}
.history-source{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:72px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f6f8f0;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.history-source:hover{background:#eaf0e3;border-color:#bcd0b1}
.history-source>div{min-width:0;flex:1}
.history-source strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.history-source small{display:block;margin-top:4px;font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.history-source>span{flex:none;color:var(--accent);font-size:11px;white-space:nowrap}
.history-sources>.small{margin:14px 0;font-size:12px}
.history-empty{padding:16px;margin-bottom:20px;border:1px dashed #cbd8c4;border-radius:12px;color:var(--muted);font-size:13px;line-height:1.8}
#backToHistory{margin-bottom:18px}
.chart-tools>.icon-button{min-width:44px;min-height:44px}
.comparison-setup>.comparison-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.stat-card:nth-child(-n+3){padding:12px;border-radius:12px;background:#eaf1e4}
.history-pending{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);line-height:1.8;color:#96703e;font-size:12px;overflow-wrap:anywhere}
.history-pending:empty{display:none}
.history-pending>summary,.history-pending summary{cursor:pointer;min-height:44px;color:#8c693b;display:list-item}
.history-pending .history-source-list{max-height:240px}
.history-pending .history-source{background:#f7f2e7;border-color:#e5dbc8}

.growth-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0;gap:16px}
.growth-metric{padding:22px;background:#edf1e5;min-width:0;display:flex;flex-direction:column;gap:8px}
.growth-metric b{font-size:15px;font-weight:600;color:var(--ink,#173d32)}
.growth-metric strong{font-size:32px;line-height:1.3;font-variant-numeric:tabular-nums}
.growth-metric em{font-size:13px;font-weight:400;font-style:normal}
.growth-metric p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.history-secondary{margin:16px 0 24px;color:var(--muted);font-size:12px}
.history-secondary summary{cursor:pointer;padding:10px 0}
.growth-share-dialog{width:min(600px,calc(100vw - 32px));max-height:90vh;overflow:auto;box-sizing:border-box;border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--card);color:var(--ink,#173d32)}
.growth-share-dialog::backdrop{background:rgba(15,36,27,.55)}
.growth-share-dialog canvas{display:block;width:100%;height:auto;border-radius:12px}
.share-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:800px){.growth-metrics{grid-template-columns:1fr}.growth-metric{padding:18px}.share-download{flex-wrap:wrap}}
/* A shared picker makes the selected layers and the available records visible together. */
.comparison-picker{margin:0 0 22px;padding:22px;border:1px solid #d6cede;border-radius:16px;background:#f5f3f7}
.comparison-picker .section-head{align-items:center;margin-bottom:14px}
.comparison-picker .section-head .small{margin:5px 0 0;text-align:left}
.comparison-picker .button,.comparison-picker .icon-button,.comparison-picker .text-input,.comparison-picker select{min-height:44px}
.comparison-picker .icon-button{width:44px}
.comparison-picker .field-label{margin-top:15px}
.comparison-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.comparison-slot{min-width:0;padding:15px;border:1px solid #cddbc6;border-radius:12px;background:#eef3e8;color:var(--accent);overflow-wrap:anywhere}
.comparison-slot:nth-child(2){border-color:#d7ccdf;background:#efebf4;color:#715c85}
.comparison-slot strong{display:block;margin:6px 0 4px;font-size:13px;font-weight:600}
.comparison-slot small{display:block;font-size:11px;line-height:1.7;color:#7b8979}
.comparison-slot:nth-child(2) small{color:#887493}
.comparison-slot .button{margin-top:12px}
#comparisonSearch{min-height:44px;background:var(--card);font-size:13px;margin:0 0 12px}
.comparison-candidates{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding:3px 4px 5px 1px;scrollbar-width:thin;scrollbar-color:#c7bcd0 transparent;overscroll-behavior:contain}
.comparison-candidate{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;width:100%;min-height:72px;padding:13px 15px;border:1px solid #ded7e4;border-radius:12px;background:var(--card);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.comparison-candidate>div{min-width:0;flex:1}
.comparison-candidate strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.comparison-candidate small{display:block;margin-top:3px;color:#829084;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.comparison-candidate:hover:not(:disabled){background:#eee8f3;border-color:#b7a6c5}
.comparison-candidate.active,.comparison-candidate[aria-pressed="true"]{background:#e9e1f1;border-color:#9983ac}
.comparison-candidate:disabled,.comparison-candidate[aria-disabled="true"]{opacity:.65;cursor:default;background:#f1f1eb}
.comparison-candidate:disabled small,.comparison-candidate[aria-disabled="true"] small{color:#897a70}
.candidate-status{flex:none;max-width:120px;padding:4px 9px;border-radius:9px;background:#e8ede1;color:#5c765f;font-size:11px;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.comparison-candidate.active .candidate-status{background:#ded2e8;color:#725586}
.comparison-candidate:disabled .candidate-status,.comparison-candidate[aria-disabled="true"] .candidate-status{background:#e9e6dc;color:#887a67}
.chart-action-button{min-height:44px;padding:8px 13px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--accent);font:inherit;font-size:11px;cursor:pointer}
.chart-action-button:hover{background:#eaf0e3}
.video-panel{grid-column:1/-1}
.video-panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.video-panel video{display:block;width:100%;max-height:520px;margin:14px 0;border-radius:14px;background:#101611;object-fit:contain}
.video-toolbar,.video-sync-grid,.video-sync-fields{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.video-module-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:10px 0 12px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#f1f4eb;color:var(--muted);font-size:11px}.video-module-controls strong{color:var(--accent);font-weight:600}.video-module-controls label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}.video-module-controls input{accent-color:var(--accent);margin:0}
.video-toolbar label,.video-sync-fields label{display:flex;flex-direction:column;gap:5px;min-width:150px;color:var(--muted);font-size:11px}
.video-module-note{margin-left:auto;font-size:10px}
.video-hud{--video-timeline-base:162px;--video-module-intensity:1;--video-module-rally:1;--video-module-jump:1;--video-module-time:1}
.video-hud[data-module-intensity="false"]{--video-module-intensity:0}
.video-hud[data-module-rally="false"]{--video-module-rally:0}
.video-hud[data-module-jump="false"]{--video-module-jump:0}
.video-hud[data-module-time="false"]{--video-module-time:0}
.video-sync-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.video-sync-grid>div{padding:15px;border:1px solid var(--line);border-radius:13px;background:#f4f5ed}
.video-sync-grid strong{display:block;margin-bottom:5px;color:var(--ink)}
.video-sync-fields .button{min-height:44px}
.video-sync-fields .text-input{min-height:44px;box-sizing:border-box}
.video-jobs,.clip-jobs{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.clip-job{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fbfbf5;font-size:12px}
.clip-job small{display:block;color:var(--muted);margin-top:3px}
.clip-job a{color:var(--accent);font-weight:600;white-space:nowrap}
@media(max-width:800px){.video-sync-grid{grid-template-columns:1fr}.video-panel video{max-height:360px}}
.chart-action-button[aria-pressed="true"]{background:#dfead7;border-color:#a5bf98;color:#284f3a;font-weight:600}
.workspace-nav button:focus-visible,.history-kind-button:focus-visible,.history-arrow:focus-visible,.history-day:focus-visible,.history-calendar-day:focus-visible,.history-source:focus-visible,.comparison-candidate:focus-visible,.chart-action-button:focus-visible,.comparison-picker input:focus-visible,.comparison-picker select:focus-visible,.history-controls input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.history-panel button:disabled,.comparison-picker button:disabled,.chart-action-button:disabled{cursor:default;opacity:.45}

@media(max-width:1400px){.history-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.history-calendar-day{min-height:82px;padding:10px}.history-metric>strong{font-size:25px}}
@media(max-width:1000px){#historyPanel{padding:24px}.history-heading h2{font-size:23px}.history-metrics{gap:12px}.history-metric{padding:16px}.comparison-picker{padding:20px}}
@media(max-width:700px){.workspace-nav{margin-bottom:18px;width:100%}.workspace-nav .button{flex:1;min-width:0;padding:10px 12px}#historyPanel{padding:20px 16px}.history-heading{gap:12px;margin-bottom:20px}.history-heading h2{font-size:22px}.history-heading .small{font-size:11px}.history-label{font-size:19px}.history-metrics{gap:9px;margin:18px 0 22px}.history-metric{padding:13px 10px}.history-metric>strong,.history-metric:nth-child(-n+3)>strong{font-size:23px}.history-metric>small{font-size:9px}.history-month-grid{gap:5px}.history-calendar-day{min-height:78px;padding:9px 6px}.history-calendar-day>small{font-size:9px}.history-calendar-day.today:after{top:9px;right:6px}.history-days{gap:4px}.history-day{padding:9px 3px}.history-source{padding:12px;gap:10px}.comparison-picker{padding:18px 15px}.comparison-selection-grid{gap:9px}.comparison-slot{padding:12px}.comparison-candidate{padding:12px;gap:9px}.candidate-status{max-width:94px;font-size:10px}.chart-action-button{padding:8px 11px}}
@media(max-width:450px){.history-heading{flex-wrap:wrap}.history-controls{grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;width:100%}.history-period-tabs{width:100%}.history-kind-button{flex:1;min-width:0}.history-toolbar .button{flex:1;min-width:0}.history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.history-metric:nth-child(3){grid-column:1/-1}.history-metric>strong,.history-metric:nth-child(-n+3)>strong{font-size:24px}.history-month-grid{gap:3px}.history-calendar-day{min-height:70px;padding:8px 4px;border-radius:8px}.history-calendar-day>strong,.history-calendar-day>span:first-child{font-size:12px}.history-calendar-day>small{font-size:8px}.history-source{align-items:flex-start;flex-direction:column;gap:8px}.history-source>div{width:100%}.history-source>span{align-self:flex-end;font-size:11px}.history-days{gap:2px}.history-day{min-width:34px;min-height:138px;padding:7px 1px}.history-day>small{font-size:9px}.history-day>span:last-child{font-size:10px}.comparison-selection-grid{grid-template-columns:minmax(0,1fr)}.comparison-candidate{align-items:flex-start;flex-wrap:wrap}.comparison-candidate>div{flex-basis:calc(100% - 110px)}.comparison-picker .section-head{align-items:flex-start}.history-source-list,.comparison-candidates{max-height:360px}}

/* The HUD is fitted to the visible picture, excluding any letterbox bars. */
.video-player{position:relative;margin-top:14px;overflow:hidden;border:1px solid #17271e;border-radius:14px;background:#101611;box-shadow:0 8px 22px rgba(23,61,50,.08)}
.video-upload-panel{margin-top:10px;padding:10px 12px;border:1px solid #dfe7dc;border-radius:10px;background:#f7faf4}.video-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.video-upload-panel progress{display:block;width:100%;height:8px;margin:8px 0 4px;accent-color:#3b6b58}.video-upload-panel p{margin:0;color:#687b6d}
.video-toolbar #videoDeleteTemporary{align-self:end;color:#735342}.video-upload-head strong{min-width:0;overflow-wrap:anywhere}.video-upload-head button{flex-shrink:0}
.video-player video{display:block;width:100%;max-height:min(74vh,640px);margin:0;border-radius:0;background:#101611;object-fit:contain}
.video-hud{position:absolute;pointer-events:none;overflow:hidden}
.video-telemetry{position:absolute;top:10px;left:10px;width:min(380px,calc(100% - 20px));max-height:calc(100% - 315px);overflow:auto;pointer-events:auto;color:#effff4;background:rgba(5,21,14,.63);border:1px solid rgba(230,255,237,.2);border-radius:10px;padding:9px 11px;font-size:11px;line-height:1.45;text-shadow:0 1px 2px #07170e;scrollbar-width:thin}
.video-telemetry summary{cursor:pointer;font-weight:600;min-height:23px}.telemetry-main>summary span{float:right;font-size:10px;font-weight:400;color:#bfd9c8}
.telemetry-note{margin:3px 0;color:#c7ddcf;font-size:10px;overflow-wrap:anywhere}
.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;margin:10px 0}.telemetry-grid span,.telemetry-grid small,.telemetry-grid strong{display:block}.telemetry-grid span{color:#d4e7d9;font-size:11px}.telemetry-grid strong{font-size:21px;line-height:1.3;font-variant-numeric:tabular-nums;font-weight:600}.telemetry-grid small{font-size:9px;color:#b7cdbc}
.telemetry-details{border-top:1px solid #ffffff25;padding-top:6px}.telemetry-details dl{margin:5px 0}.telemetry-details dl>div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.telemetry-details dd{margin:0;font-variant-numeric:tabular-nums}.telemetry-details p{color:#c7ddcf;font-size:10px;margin:6px 0}
.video-hud[data-compact="true"] .video-telemetry{top:7px;left:7px;width:calc(100% - 14px);padding:7px 9px;max-height:calc(100% - 250px)}
@media(max-height:450px){.video-hud .video-telemetry{max-height:calc(100% - 195px);top:4px;padding:4px 8px}}
.video-hud-bottom{position:absolute;left:0;right:0;bottom:0;padding-top:16px;background:linear-gradient(180deg,transparent,rgba(3,14,9,.3) 24%,rgba(3,14,9,.8));color:#f0fff5;text-shadow:0 1px 3px #06170e}
.video-activity-strip{padding:0 10px;background:transparent;pointer-events:auto}
.video-strip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px;color:#e8fbed;font-size:10px;line-height:1.4}
.video-strip-head strong{font-size:11px;font-weight:500}
#videoTimeLabel{color:#f0fff5;font-variant-numeric:tabular-nums;white-space:nowrap}
#videoTimeline{display:block;box-sizing:border-box;width:100%;height:calc((var(--video-timeline-base) - 62px) * var(--video-module-intensity) + 10px * (1 - var(--video-module-intensity)) + 18px * var(--video-module-rally) + 18px * var(--video-module-jump) + 24px * var(--video-module-time) + 2px);margin:0;border-radius:4px;background:transparent;cursor:ew-resize;touch-action:none}
#videoTimeline:focus-visible{outline:2px solid #b4ffe0;outline-offset:2px}
.video-strip-legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px 13px;min-height:20px;margin-top:10px;color:#738378;font-size:10px;line-height:1.6}
.video-strip-legend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.video-strip-legend i{display:inline-block;flex:none;width:18px;height:4px;border-radius:4px}
.video-strip-intensity{background:linear-gradient(90deg,#9bc8b2,#ebc06b,#df8e68,#aa514e)}
.video-strip-mean{background:#627a34}
.video-strip-rally{background:#84aa94}
.video-strip-jump{width:9px!important;height:8px!important;border-radius:0!important;background:#7864a8;clip-path:polygon(50% 0,100% 100%,0 100%)}
.video-strip-gap{height:8px!important;border-radius:2px!important;background:repeating-linear-gradient(135deg,#c7cec3 0,#c7cec3 2px,#edf1e9 2px,#edf1e9 5px)}
#videoStripState{margin-left:auto;color:#829084}
.video-clock{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}
/* 窄画面时标题与时间标签先让位，时钟必须保持可读 */
@media(max-width:900px){.video-strip-head{flex-wrap:wrap;row-gap:3px}}
@media(max-width:420px){.video-strip-head #videoTimelineTitle{display:none}}
.video-clock-now,.video-clock-hover{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
.video-clock small{color:rgba(222,245,230,.6);font-size:9px}
.video-clock strong{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#eafff1;letter-spacing:.3px;font-variant-numeric:tabular-nums}
.video-clock-hover strong{color:#ffe1a4;font-weight:500}
.video-clock-mode{min-height:22px;padding:1px 6px;border:1px solid rgba(240,255,245,.28);border-radius:6px;background:rgba(5,25,15,.35);color:#dff2e6;font:inherit;font-size:9px;cursor:pointer;white-space:nowrap}
.video-clock-mode[aria-pressed="true"]{border-color:#b4ffe0;color:#b4ffe0}
.video-clock-mode:focus-visible{outline:2px solid #b4ffe0;outline-offset:2px}
.video-clock-status{margin:2px 0 0;color:rgba(226,248,235,.72);font-size:10px;line-height:1.4}
.video-clock-status.alert{color:#ffcf7b}
.video-hud[data-compact="true"] .video-clock-hover,.video-hud[data-narrow="true"] .video-clock-hover{display:none}
.video-hud[data-narrow="true"] .video-clock strong{font-size:11px}
.video-clock-detail{margin-top:6px}
.video-clock-detail summary{cursor:pointer;font-size:11px;color:var(--muted)}
.video-clock-detail p{margin:4px 0}
.video-clock-bulk{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;margin:6px 0}
.video-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px 10px;background:transparent;pointer-events:auto}
.video-controls .button{min-height:32px;padding:5px 12px;border-color:rgba(226,255,237,.25);background:rgba(220,255,230,.12);color:#f0fff5;font-size:11px;backdrop-filter:blur(5px)}
.video-controls .button:hover{background:rgba(220,255,230,.25)}
.video-hud[data-compact="true"] .video-strip-head strong{font-size:10px}
.video-strip-head .video-scale-toggle{min-height:24px;padding:2px 7px;border:1px solid rgba(240,255,245,.32);border-radius:6px;background:rgba(5,25,15,.35);color:#eef9d6;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}
.video-scale-toggle:focus-visible{outline:2px solid #b4ffe0;outline-offset:2px}
#videoScaleHint{flex-basis:100%;font-size:10px;color:var(--muted);white-space:normal}
.video-hud[data-narrow="true"] .video-strip-head strong{display:none}
.video-hud[data-compact="true"] .video-activity-strip{padding:0 7px}
.video-hud[data-compact="true"] .video-controls{padding:3px 7px 7px}
.video-hud[data-compact="true"]{--video-timeline-base:150px}
.video-player:fullscreen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;border:0;border-radius:0;background:#050b07}
.video-player:fullscreen video{width:100%;height:100%;max-height:none}
.video-player:fullscreen .video-hud{--video-timeline-base:clamp(162px,calc(19vh + 26px),246px)}
.video-player:fullscreen .video-strip-head{font-size:12px;min-height:26px}
.video-player:fullscreen .video-strip-head strong{font-size:12px}
.video-sync-grid{margin-top:14px}
@media(max-width:560px){.video-strip-legend{gap:4px 10px}#videoStripState{flex-basis:100%;margin-left:0;white-space:normal}}
@media(max-height:450px){.video-hud-bottom{padding-top:8px}.video-strip-head{min-height:16px}.video-hud,.video-hud[data-compact="true"],.video-player:fullscreen .video-hud{--video-timeline-base:118px}.video-controls,.video-hud[data-compact="true"] .video-controls{padding-bottom:4px}.video-controls .button{min-height:28px;padding:3px 10px}}
/* Review controls remain outside the video overlay. */
.analysis-scope{display:flex;justify-content:space-between;gap:20px;align-items:center}.scope-actions,.review-toolbar,.review-unmatched-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.analysis-scope p{margin:6px 0 0}.review-toolbar{justify-content:space-between;margin:12px 0}.review-toolbar label{display:flex;gap:12px;align-items:center}.video-review-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:16px 0}.video-review-summary>div{padding:12px 14px;background:#eef2e9;border-radius:12px}.video-review-summary span{display:block;font-size:12px;color:#6a7c6f}.video-review-summary strong{display:block;font-size:24px;margin-top:5px}.video-review-table-wrap{max-height:440px;overflow:auto;border:1px solid #dfe5d9;border-radius:12px}.video-review-table{border-collapse:collapse;width:100%;font-size:13px}.video-review-table th{position:sticky;top:0;background:#eef2e9;z-index:1;text-align:left}.video-review-table th,.video-review-table td{padding:12px;border-bottom:1px solid #e3e8df;vertical-align:top}.video-review-table td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}.video-review-table details{margin-top:5px;color:#6a7c6f;max-width:450px}.video-review-table summary{cursor:pointer}.review-tag{display:inline-block;padding:3px 6px;margin-left:6px;border-radius:6px;background:#f7ead0;color:#70552a;font-size:11px}.review-unmatched{margin-top:16px}.review-unmatched>summary{cursor:pointer;font-weight:600}.review-unmatched-list{margin-top:10px}@media(max-width:800px){.analysis-scope{align-items:flex-start;flex-direction:column}.video-review-table{min-width:640px}}

.timeline-metric-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.timeline-metric-picker .text-input{width:auto;min-width:170px}
.timeline-style-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.timeline-style-picker .text-input{width:auto;min-width:178px}
.timeline-focus{padding:14px 0 2px}.timeline-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.timeline-focus-title{margin:0;color:var(--ink);font-size:19px;line-height:1.45;font-weight:600}.timeline-focus-subtitle{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.timeline-focus-total{flex:none;color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums;padding-top:3px}.focus-rail{position:relative;margin:20px 4px 4px;height:48px}.focus-track{position:absolute;left:0;right:0;top:20px;height:8px;border-radius:8px;background:repeating-linear-gradient(135deg,#e5ebe1 0 6px,#f7f8f2 6px 12px);box-shadow:inset 0 0 0 1px #d9e2d5}.focus-range{position:absolute;top:14px;height:20px;min-width:2px;border:0;border-radius:12px;background:#5a8a70;box-shadow:0 2px 7px rgba(36,77,57,.16);cursor:pointer;transition:transform .15s,background .15s}.focus-range:hover,.focus-range:focus-visible{background:#315f4c;transform:scaleY(1.16);outline:0}.focus-range.is-current{background:var(--focus-color,#d07c43);box-shadow:0 0 0 3px rgba(208,124,67,.3)}.focus-range-label{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:#5e7467;white-space:nowrap;pointer-events:none}.focus-range.is-current .focus-range-label{color:#a45e32;font-weight:600}.focus-ticks{display:flex;justify-content:space-between;gap:8px;color:#87958b;font-size:10px;font-variant-numeric:tabular-nums}.focus-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.focus-choice{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#f3f5ed;color:var(--ink);text-align:left;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.focus-choice:hover{background:#eaf1e5;border-color:#b9cdb8;transform:translateY(-1px)}.focus-choice[aria-pressed="true"]{background:#e8efe2;border-color:#6f9a7e;box-shadow:inset 0 0 0 1px #6f9a7e}.focus-choice strong{font-size:13px;line-height:1.5;font-weight:600}.focus-choice small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums}.focus-choice .focus-score{margin-top:7px;color:#66826f;font-size:10px;line-height:1.5}.focus-empty{padding:20px 14px;border:1px dashed #cbd7c6;border-radius:12px;background:#f4f6ef;color:var(--muted);font-size:12px;line-height:1.8}.focus-footer{margin:13px 0 0;color:#829084;font-size:10px;line-height:1.8}.focus-evidence{margin-top:11px;border-top:1px solid var(--line);padding-top:10px;color:#829084;font-size:10px}.focus-evidence summary{cursor:pointer;color:#6f8074}.focus-evidence p{margin:7px 0 0;line-height:1.7}.focus-choice strong .focus-tier-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;vertical-align:1px}
@media(max-width:640px){.timeline-style-picker,.timeline-metric-picker{width:100%;justify-content:space-between}.timeline-style-picker .text-input,.timeline-metric-picker .text-input{flex:1;min-width:0}.timeline-focus-head{display:block}.timeline-focus-total{padding-top:7px}.focus-candidates{grid-template-columns:minmax(0,1fr)}.focus-rail{margin-top:24px}}