:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#7dd3fc;--color-primary-hover:#56c4f5;--color-on-primary:#12364a;--color-link:#096b9b;--color-focus:#0875ac;--color-selected:#e6f5fd;--color-ink:#191f28;--color-muted:#626d7b;--color-background:#f5f6f8;--color-surface:#fff;--color-line:#e5e8eb;--color-control-line:#7e8996;--color-soft:#f2f4f6;--color-danger:#bb263c;--color-success:#18754e;--color-accent:#985213;--color-stage:#edf1f5;--color-overlay:#19222f44;--scroll-thumb:#a9b2bd;--scroll-track:#f5f6f8;--scroll-hover:#7e8a99;--scroll-active:#096b9b;--font-body:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-display:var(--font-body);--font-mono:"SFMono-Regular", Consolas, monospace;--radius:20px;--radius-control:12px;--page-max:1120px;--panel-gap:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;font-family:var(--font-body);color:var(--color-ink);background:var(--color-background);font-synthesis:none;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-gutter:stable;scrollbar-width:thin;font-size:15px;line-height:1.6}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#7dd3fc;--color-primary-hover:#a6e2ff;--color-on-primary:#12364a;--color-link:#8fd8fa;--color-focus:#7dd3fc;--color-selected:#173447;--color-ink:#f2f4f6;--color-muted:#a3adba;--color-background:#101419;--color-surface:#1b2129;--color-line:#303844;--color-control-line:#758292;--color-soft:#252d37;--color-danger:#ff8796;--color-success:#79d9ae;--color-accent:#f2bd7a;--color-stage:#151b22;--color-overlay:#0006;--scroll-thumb:#586575;--scroll-track:#101419;--scroll-hover:#7b899a;--scroll-active:#7dd3fc}*{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:var(--radius-control)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}body{margin:0}button,input,select{font:inherit}button,select,summary,input[type=checkbox]{cursor:pointer}button{border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-soft);border:1px solid #0000;min-height:44px;padding:10px 16px;font-weight:600;line-height:1.4;transition:background .12s}button:hover:not(:disabled){background:var(--color-line)}button:active:not(:disabled){transform:translateY(1px)}button:disabled,select:disabled{cursor:not-allowed;opacity:.45}button.primary{background:var(--color-primary);color:var(--color-on-primary)}button.primary:hover:not(:disabled){background:var(--color-primary-hover)}button.subtle{background:var(--color-surface);border-color:var(--color-line)}button.danger{color:var(--color-danger)}a{color:var(--color-link);text-underline-offset:4px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}input,select{border:1px solid var(--color-control-line);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);width:100%;min-width:0;min-height:44px;padding:8px 12px}input[aria-invalid=true]{border-color:var(--color-danger)}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--color-link);margin:0}label{font-weight:500}label input,label select{margin-top:8px;display:block}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.check input{margin:0;display:inline}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.2px;font-size:32px;font-weight:750;line-height:1.35}h2{letter-spacing:-.5px;font-size:19px;font-weight:700;line-height:1.5}h3{font-size:16px;font-weight:650}h2 small{color:var(--color-muted);font-size:12px;font-weight:400}.shell{width:auto;min-width:0;padding:0 16px}main{max-width:var(--page-max);margin:auto}[id]{scroll-margin-top:24px}.skip-link{z-index:10;background:var(--color-surface);padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.sidebar{z-index:3;background:var(--color-surface);grid-template-columns:1fr auto;align-items:center;gap:12px;max-height:100dvh;padding:16px;display:grid;position:sticky;top:0;overflow-y:auto}.brand{color:var(--color-ink);letter-spacing:-.5px;align-items:center;gap:10px;font-size:18px;font-weight:750;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-control);background:var(--color-primary);width:36px;height:36px;color:var(--color-on-primary);place-items:center;display:grid}.brand-mark svg{width:24px;height:24px}.sidebar-content{grid-column:1/-1;display:none}.sidebar[data-open=true] .sidebar-content{flex-direction:column;display:flex}.sidebar nav{gap:4px;display:grid}.nav-label{color:var(--color-muted);padding:20px 12px 7px;font-size:12px}.sidebar nav a{min-height:44px;color:var(--color-muted);border-radius:var(--radius-control);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:550;text-decoration:none;display:flex}.sidebar nav a svg{flex-shrink:0}.sidebar nav a:hover{background:var(--color-soft);color:var(--color-ink)}.sidebar nav a[aria-current]{background:var(--color-selected);color:var(--color-link);font-weight:700}.sidebar nav small{color:var(--color-muted);margin-left:auto;font-size:10px;font-weight:400}.sidebar-bottom{margin-top:auto;padding-top:24px}.theme-options{border-radius:var(--radius-control);background:var(--color-soft);grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;display:grid}.theme-options button{border-radius:9px;min-height:36px;padding:6px;font-size:12px}.theme-options button[aria-pressed=true]{background:var(--color-surface);color:var(--color-link)}.sidebar-caption{color:var(--color-muted);margin:16px 12px 0;font-size:11px;line-height:1.7}.topbar{max-width:var(--page-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:auto;padding:18px 0;display:flex}.topbar-title{color:var(--color-muted);font-size:14px;font-weight:600}.topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar-actions button{font-size:13px}.status{color:var(--color-muted);background:var(--color-soft);white-space:nowrap;border-radius:8px;padding:4px 8px;font-size:12px}.status[data-state=live]{color:var(--color-success)}.status[data-state=stalled],.status[data-state=delayed]{color:var(--color-danger)}.intro{flex-direction:column;gap:16px;padding:24px 0;display:flex}.intro-copy{color:var(--color-muted);margin-top:12px;line-height:1.7}.text-link{font-size:13px;font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}.notice{border-radius:var(--radius-control);color:var(--color-link);background:var(--color-selected);margin-bottom:24px;padding:14px 18px;font-size:13px;line-height:1.7}.notice[data-error=true]{color:var(--color-danger)}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);min-width:0;overflow:hidden}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px 20px;display:flex}.panel-head>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.overview-grid{gap:20px;display:grid}.overview-grid.compact-overview{grid-template-columns:minmax(0,1fr)}.workshop-status{gap:12px;margin-bottom:20px;padding:20px;display:grid}#workshop>.advanced{margin:20px 0}.preset-options{flex-wrap:wrap;gap:6px;margin:0 20px;display:flex}.preset-options button{min-height:40px;font-size:13px}.preset-options button[aria-pressed=true]{color:var(--color-link);background:var(--color-selected);box-shadow:inset 0 0 0 1px var(--color-link)}#skill-setup-state{margin:14px 20px 0}.skill-list{margin:8px 0 0;padding:0 20px;list-style:none}.skill-row{align-items:center;gap:14px;padding:26px 0;display:flex}.skill-row+.skill-row{border-top:1px solid var(--color-line)}.skill-symbol{background:var(--color-selected);height:46px;color:var(--color-link);border-radius:15px;flex:0 0 46px;place-items:center;display:grid}.skill-symbol svg{width:24px;height:24px}.skill-name{min-width:0}.skill-name h3{overflow-wrap:anywhere;font-size:16px}.skill-name p{color:var(--color-muted);margin-top:3px;font-size:12px}.skill-countdown{text-align:right;flex-shrink:0;margin-left:auto}.skill-countdown strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:30px;font-weight:650;line-height:1.2}.reading-status{color:var(--color-muted);margin-top:5px;font-size:11px;display:block}.reading-status[data-state=live]{color:var(--color-success)}.reading-status[data-state=soon]{color:var(--color-danger)}.list-footer{background:var(--color-soft);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 20px;font-size:11px;display:flex}.list-footer a{text-decoration:none}.setup-note{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:24px}.note-icon{width:48px;height:48px;color:var(--color-link);background:var(--color-selected);border-radius:16px;place-items:center;margin-bottom:20px;display:grid}.setup-note h2{font-size:17px}.setup-note>p{color:var(--color-muted);margin-top:8px;font-size:13px}.setup-note dl{margin:20px 0 16px;font-size:12px}.setup-note dl div{justify-content:space-between;gap:8px;padding:5px 0;display:flex}.setup-note dt{color:var(--color-muted)}.setup-note dd{font-variant-numeric:tabular-nums;margin:0}.setup-note a{font-size:12px;text-decoration:none}.setup-note .privacy-copy{margin-top:24px;font-size:11px}.pip-tip{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:20px 4px 6px;font-size:12px;display:flex}.pip-tip strong{color:var(--color-ink);margin-right:12px;font-weight:600}.pip-tip>span>span{display:inline-block}.section-group,.hunting-panel,#preferences,.guide,.timer-panel{margin-top:32px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{font-size:24px}.section-heading p{color:var(--color-muted);margin-top:8px;font-size:13px}.workspace{gap:20px;display:grid}.source-meta{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 20px 12px;font-size:11px;display:flex}.stage{aspect-ratio:16/9;background:var(--color-stage);border-radius:var(--radius-control);touch-action:none;margin:0 16px;position:relative;overflow:hidden}.stage[data-active=true]{cursor:crosshair}video{object-fit:fill;width:100%;height:100%;display:block}.empty-stage{color:var(--color-muted);text-align:center;background:var(--color-stage);flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.empty-stage svg{color:var(--color-link);width:36px;height:36px;margin-bottom:12px}.empty-stage strong{color:var(--color-ink);font-size:14px}.empty-stage p{margin-top:6px;font-size:12px}.selection{border:2px solid var(--color-focus);pointer-events:none;box-shadow:0 0 0 100vmax var(--color-overlay);background:0 0;position:absolute}.selection span{background:var(--color-primary);color:var(--color-on-primary);white-space:nowrap;padding:2px 6px;font-size:10px;position:absolute;top:0;left:0}.capture-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.capture-footer>span{color:var(--color-muted);font-size:11px}.capture-footer button{font-size:12px}.settings-row{gap:12px;padding:16px 0;font-size:12px;display:grid}.field-help,.muted{color:var(--color-muted);font-size:12px;line-height:1.7}.field-error{min-height:24px;color:var(--color-danger);margin-top:8px;font-size:12px}.mono{font:11px var(--font-mono);color:var(--color-muted)}.roi-preview{background:var(--color-soft);border-radius:var(--radius-control);place-items:center;height:120px;margin:0 20px;display:grid;position:relative;overflow:hidden}.roi-preview canvas{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated}.roi-preview>span{color:var(--color-muted);text-align:center;padding:10px;font-size:11px;position:absolute}.roi-toggle{margin:14px 20px;display:block}.roi-toggle.check{display:flex}#roi-form{margin:0 20px}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.5}.coordinate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:12px;display:grid}.apply{width:100%;margin-top:16px;font-size:13px}.pixel-stats{justify-content:space-between;gap:8px;margin:12px 20px;display:flex}.pixel-stats dt{color:var(--color-muted);font-size:11px}.pixel-stats dd{font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:20px}.roi-panel>.field-help{margin:16px 20px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions button{font-size:12px}.inset{padding:0 20px 20px}.recognition-panel{margin-top:20px}.recognition-panel .field-help[data-error=true]{color:var(--color-danger)}.recognition-panel .actions{margin-block:12px}.advanced{color:var(--color-muted);margin-block:16px;font-size:12px}.advanced>summary{min-height:44px;padding:10px 0;font-weight:600}.advanced[open]>summary{color:var(--color-ink)}.capture-advanced{margin:0 20px 16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 var(--font-mono)}.timer-trace{background:var(--color-soft);border-radius:var(--radius-control);max-height:320px;padding:16px;overflow:auto}.timer-grid{gap:20px;padding:0 20px 20px;display:grid}.timer-grid .actions{margin-top:12px}.timer-reading{font-variant-numeric:tabular-nums;margin-bottom:12px;font-size:24px;font-weight:650}#timer-input{display:none}.hunting-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin-block:16px;font-size:13px;display:flex}.hunting-toolbar label{width:min(280px,100%)}.hunting-skills{gap:16px;margin-block:16px;display:grid}.hunting-skill{background:var(--color-soft);border-radius:var(--radius-control);padding:20px}.hunting-skill label{margin-block:12px;font-size:13px;display:block}.hunting-feedback{min-height:36px;color:var(--color-muted);margin-top:8px;font-size:12px}.hunting-feedback[data-error=true],#hunting-status[data-error=true]{color:var(--color-danger)}.hunting-running{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.hunting-running p{overflow-wrap:anywhere;font-size:13px}.preference-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 24px;display:flex}.preference-row p{color:var(--color-muted);margin-top:4px;font-size:12px}.switch{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.switch input{margin:0}.coming-item{padding:4px 20px}.coming-item+.coming-item{border-top:1px solid var(--color-line)}.coming-item summary{justify-content:space-between;align-items:center;gap:8px;min-height:64px;font-weight:600;display:flex}.coming-item summary:after{content:"+";color:var(--color-muted)}.coming-item[open] summary:after{content:"−"}.coming-item small{color:var(--color-muted);background:var(--color-soft);border-radius:6px;margin-left:auto;padding:2px 6px;font-size:11px;font-weight:400}.coming-item p{color:var(--color-muted);max-width:64ch;font-size:13px}.coming-item a{margin:12px 0 20px;font-size:13px;display:inline-block}.guide ol{margin:0;padding:0 24px 0 44px}.guide li{padding:8px 0 20px 8px}.guide li::marker{color:var(--color-link);font-weight:700}.guide p{color:var(--color-muted);font-size:13px}.guide-foot{padding:0 24px 24px}.performance .panel-head{flex-wrap:wrap}.performance-disclosure{margin-top:32px}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;display:grid}.metric-strip span,.metric-strip small{color:var(--color-muted);font-size:12px;display:block}.metric-strip strong{font-variant-numeric:tabular-nums;margin-block:8px;font-size:28px;display:block}.metric-strip small{font-size:10px}.trace-row{background:var(--color-soft);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.trace-label{font-size:12px}.trace-label span{color:var(--color-muted);font-size:11px;display:block}#trace{flex:1;min-width:80px;height:58px}.trace-guide{stroke:var(--color-control-line);stroke-dasharray:4 4}#trace-line{fill:none;stroke:var(--color-link);stroke-width:2px;vector-effect:non-scaling-stroke}.bench-note{gap:16px;padding:20px;font-size:12px;display:grid}.bench-note p,.diagnostics{color:var(--color-muted);font-size:12px}.diagnostics{padding-block:20px}.diagnostics p{margin-top:12px}footer{max-width:var(--page-max);color:var(--color-muted);flex-direction:column;gap:8px;margin:auto;padding:32px 0;font-size:11px;display:flex}footer>span:first-child{font-weight:700}.eyebrow{color:var(--color-muted);margin-bottom:8px;font-size:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pip-body{background:var(--color-surface)}.pip-content{padding:20px}.pip-content h1{font-size:20px}#pip-status{color:var(--color-muted);margin-top:8px;font-size:13px}.pip-clock{font-variant-numeric:tabular-nums;margin:16px 0;font-size:48px;font-weight:650}.pip-metrics{color:var(--color-muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.pip-automatic{white-space:pre-wrap;font:inherit;max-height:180px;font-size:13px;overflow:auto}#pip-alarm{min-height:32px;margin-block:12px}@media (width>=600px){.shell{padding-inline:28px}.intro{flex-direction:row;justify-content:space-between;align-items:center;padding-block:32px}h1{font-size:38px}.mobile-break{display:none}.settings-row{grid-template-columns:1.4fr 1.3fr 1fr}.timer-grid,.bench-note{grid-template-columns:1fr 1fr;gap:32px}.hunting-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-list{padding-inline:28px}.panel-head{padding:24px 28px}.preset-options,#skill-setup-state{margin-inline:28px}.skill-countdown strong{font-size:36px}footer{flex-direction:row;justify-content:space-between}}@media (width>=1000px){.sidebar{flex-direction:column;align-items:stretch;width:232px;padding:28px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar .brand{margin-bottom:14px;padding-inline:8px}.sidebar-content{flex-direction:column;flex:1;display:flex}.nav-toggle{display:none}.shell{margin-left:232px;padding-inline:40px}.topbar{min-height:88px}.overview-grid{grid-template-columns:minmax(0,1fr) 280px}.workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.metric-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.section-group,.hunting-panel,#preferences,.guide,.timer-panel{margin-top:40px}}@media (width>=1400px){.shell{padding-inline:56px}.overview-grid{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=360px){.topbar-actions,.topbar-actions .status{width:100%}.skill-symbol{display:none}.skill-name h3{font-size:14px}.skill-countdown strong{font-size:26px}.empty-stage p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){:root{scrollbar-color:auto}button,input,select,.selection{border-color:buttontext}a[aria-current],button[aria-pressed=true]{outline:2px solid highlight}}#skill-setup-state[data-error=true]{color:var(--color-danger)}@media (width>=1000px){.sidebar{overflow:visible}.sidebar-content{min-height:0}.sidebar nav{flex:1;min-height:0;display:block;overflow-y:auto}.nav-label{padding-block:14px 6px}.sidebar-bottom{flex-shrink:0;padding-top:16px}.sidebar-caption{margin:10px 4px 0;font-size:10px}.sidebar nav a{min-height:36px;margin-bottom:0;padding-block:6px}.sidebar .nav-label{padding-block:8px 4px;font-size:11px;line-height:16px}.sidebar .brand{margin-bottom:12px}}.topbar{z-index:2;background:var(--color-background);position:static;top:0}main[id],main [id]{scroll-margin-top:96px}@media (width>=1000px){.topbar{position:sticky}main[id],main [id]{scroll-margin-top:112px}}