:root{--racing-yellow: #ffd400;--racing-yellow-hover: #ffe04d;--racing-yellow-ink: #211b00;--racing-yellow-surface: #302b12;--racing-yellow-border: #79671b;--positive: #7dd3a8;--best: #c4a7ff;--error: #f59888;--warning: #e3b65c;--info: #8cbce6;--you: #399bff;--measurement-blue: #399bff;--ref: #ffd400;--surface-app: #101416;--surface-panel: #191d20;--surface-raised: #1a2024;--surface-control: #1b2327;--surface-hover: #2b363b;--surface-floating: #191f23;--surface-floating-map: #191f23f5;--border: #2c3338;--border-control: #344148;--border-floating: #3b474e;--text-primary: #e5ebee;--text-numeric: #ffffff;--text-secondary: #b6c0c5;--muted: #a2b1b9;--text-accent: #ffd400;--plot-surface: #141a1d;--plot-grid: #303b40;--plot-cursor: #b6c0c5;--input-graph-brake: #ff8c89;--input-graph-throttle: #a4db88;--map-surface: #14181b;--map-grid: #20272b;--map-road: #454d50;--map-edge: #b0b5b8;--map-data-shadow-color: #00000000}:root[data-theme=light]{--surface-app: #f0f1ed;--surface-panel: #f8f9f5;--surface-raised: #fcfdf9;--surface-control: #eff1ea;--surface-hover: #e3e7dd;--surface-floating: #fcfdf9;--surface-floating-map: #fcfdf9f5;--border: #cdd3c7;--border-control: #9aa397;--border-floating: #aab2a5;--text-primary: #252c28;--text-numeric: #252c28;--text-secondary: #505a52;--muted: #59645b;--racing-yellow-surface: #fff7cc;--racing-yellow-border: #ffd400;--positive: #267349;--best: #7550ab;--error: #aa422e;--warning: #b44c15;--text-accent: #252c28;--plot-surface: #f3f5ef;--plot-grid: #c4ccbe;--plot-cursor: #505a52;--input-graph-brake: #cf5944;--input-graph-throttle: #2e9665;--map-surface: #eef0e9;--map-grid: #7c887d38;--map-road: #e8ebe5;--map-edge: #9aa397;--map-data-shadow-color: #252c2833}:root{color-scheme:dark;--font-caption: 12px;--font-ui: 13px;--font-data: 14px;--font-body: 16px;--font-panel-title: var(--font-body);--font-dialog-title: 20px;--font-page-title: 24px;--font-reading: 32px;--font-reading-lg: 40px;--font-family-ui: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-numeric: "DZ Overlay Barlow Condensed", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-numeric: var(--font-family-numeric);--accent: var(--racing-yellow);--accent-hover: var(--racing-yellow-hover);--on-accent: var(--racing-yellow-ink);--live: var(--racing-yellow);--you-surface: color-mix(in srgb, var(--you) 10%, var(--surface-panel));--ref-surface: color-mix(in srgb, var(--ref) 10%, var(--surface-panel));--you-border: color-mix(in srgb, var(--you) var(--role-border-mix), var(--border));--ref-border: color-mix(in srgb, var(--ref) var(--role-border-mix), var(--border));--lap-you-surface: var(--you-surface);--lap-ref-surface: var(--ref-surface);--role-ink-mix: 100%;--role-detail-ink-mix: 25%;--role-border-mix: 60%;--lap-you-tint: 10%;--lap-ref-tint: 10%;--you-ink: color-mix(in srgb, var(--you) var(--role-ink-mix), #17231e);--ref-ink: color-mix(in srgb, var(--ref) var(--role-ink-mix), #17231e);--surface-header: var(--surface-control);--surface-titlebar: var(--surface-app);--registration-time-ink: var(--ref);--backdrop: #0008;--selected-bg: var(--racing-yellow-surface);--selected-border: var(--racing-yellow-border);--text-muted: var(--muted);--radius-control: 6px;--radius-panel: 8px;--radius-dialog: 12px;--panel-gap: 12px;--sidebar-section-padding: 8px;--scrollbar-size: 12px;--scrollbar-edge-gap: 3px;--shadow-floating: 0 8px 28px #0005;--shadow-map-tools: 0 2px 8px #0002;--shadow-dialog: 0 24px 80px #0008;--motion-control: .15s}:root[data-theme=light]{color-scheme:light;--surface-header: var(--surface-panel);--surface-titlebar: var(--surface-panel);--section-surface: var(--surface-raised);--section-divider: var(--border);--section-header-divider: var(--border-control);--section-divider-shadow: none;--map-data-shadow: drop-shadow(0 1px 0 var(--map-data-shadow-color));--role-ink-mix: 0%;--role-detail-ink-mix: 0%;--role-border-mix: 100%;--selected-bg: var(--surface-hover);--selected-border: var(--border-control);--lap-you-tint: 24%;--lap-ref-tint: 28%;--lap-you-surface: color-mix(in srgb, var(--you) 24%, var(--surface-panel));--lap-ref-surface: color-mix(in srgb, var(--ref) 28%, var(--surface-panel));--registration-time-ink: #3f4642;--shadow-floating: 0 6px 20px #25301e12;--shadow-map-tools: 0 2px 8px #25301e0a;--shadow-dialog: 0 24px 80px #25301e2b;--backdrop: #25301e40}*{scrollbar-width:thin;scrollbar-color:var(--border-control) transparent}@supports selector(::-webkit-scrollbar){@media(forced-colors:none){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{border:var(--scrollbar-edge-gap) solid transparent;border-radius:var(--scrollbar-size);background:var(--border-control);background-clip:padding-box;min-height:28px}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background-color:var(--muted)}::-webkit-scrollbar-button{display:none;width:0;height:0}}}.brand,.content-page .brand{display:flex;flex-shrink:0;gap:6px;align-items:center;color:#edf0ee;font-family:var(--font-family-ui);font-size:26px;font-weight:650;line-height:1;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.brand-symbol{display:block;flex-shrink:0;box-sizing:border-box;width:42px;height:34px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2042%2034'%3e%3c!--%20Canonical%20DZ%20mark:%20outlined%20glyph%20bounds%20centered%20at%20(21,%2017).%20--%3e%3cpath%20fill='%23ffd400'%20d='M4.3506%206%20C4.7575%202.6863%207.7736%200%2011.0873%20-0%20L35.0873%20-0%20C38.401%20-0%2040.7575%202.6863%2040.3506%206%20C40.3506%206%2040.3506%206%2040.3506%206%20L37.6494%2028%20C37.2425%2031.3137%2034.2264%2034%2030.9127%2034%20L6.9127%2034%20C3.599%2034%201.2425%2031.3137%201.6494%2028%20Z'/%3e%3cpath%20fill='%23211b00'%20d='M22.2176%2016.8506%20C22.0694%2018.057%2021.6853%2019.1236%2021.0651%2020.0505%20C20.445%2020.9775%2019.6336%2021.6927%2018.631%2022.1963%20C17.6284%2022.6999%2016.5129%2022.9517%2015.2844%2022.9517%20L10.2458%2022.9517%20L11.7073%2011.0483%20L16.638%2011.0483%20C20.8327%2011.0483%2022.6925%2012.9824%2022.2176%2016.8506%20Z%20M18.4034%2016.8838%20C18.4748%2016.3027%2018.4214%2015.7798%2018.2433%2015.3149%20C18.0652%2014.8501%2017.7732%2014.4904%2017.3672%2014.2358%20C16.9613%2013.9813%2016.4623%2013.854%2015.8702%2013.854%20L14.9488%2013.854%20L14.1762%2020.146%20L15.1806%2020.146%20C16.0384%2020.146%2016.7594%2019.8513%2017.3436%2019.262%20C17.9279%2018.6726%2018.2811%2017.8799%2018.4034%2016.8838%20Z%20M25.4326%2020.146%20L30.8115%2020.146%20L30.467%2022.9517%20L20.4811%2022.9517%20L20.79%2020.4365%20L27.0933%2013.854%20L21.9385%2013.854%20L22.283%2011.0483%20L31.7542%2011.0483%20L31.4474%2013.5469%20Z'/%3e%3c/svg%3e") center / contain no-repeat;color:transparent;font-size:0}.brand-period{color:var(--racing-yellow)}.brand>.brand-symbol+span,.desktop-brand>.brand-symbol+strong{display:block;line-height:1;transform:translateY(-.14em)}@media(hover:hover)and (pointer:fine)and (forced-colors:none){:root{--replay-cursor: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%3e%3cdefs%3e%3cpath%20id='arrow'%20d='M14%2012%20C13.1%2011.7%2012.4%2012.5%2012.8%2013.5%20L19.8%2033.1%20C20.3%2034.7%2022.4%2034.8%2023.1%2033.2%20L26.2%2025.7%20L33.7%2022.6%20C35.3%2021.9%2035.2%2019.9%2033.6%2019.3%20Z'/%3e%3c!--%20A%20crisp%20white%20edge%20with%20a%20restrained,%20warm%20halo.%20--%3e%3cfilter%20id='outer-glow'%20x='-70%25'%20y='-70%25'%20width='240%25'%20height='240%25'%20color-interpolation-filters='sRGB'%3e%3cfeGaussianBlur%20stdDeviation='2.8'/%3e%3c/filter%3e%3cfilter%20id='inner-glow'%20x='-40%25'%20y='-40%25'%20width='180%25'%20height='180%25'%20color-interpolation-filters='sRGB'%3e%3cfeGaussianBlur%20stdDeviation='.85'/%3e%3c/filter%3e%3c/defs%3e%3cuse%20href='%23arrow'%20fill='none'%20stroke='%23ffe7a6'%20stroke-width='3.5'%20stroke-linejoin='round'%20opacity='.35'%20filter='url(%23outer-glow)'/%3e%3cuse%20href='%23arrow'%20fill='none'%20stroke='%23fff2ce'%20stroke-width='2.8'%20stroke-linejoin='round'%20opacity='.75'%20filter='url(%23inner-glow)'/%3e%3cuse%20href='%23arrow'%20fill='%23080a09'%20stroke='%23fffefa'%20stroke-width='1.8'%20stroke-linejoin='round'/%3e%3c/svg%3e") 14 12}body{cursor:var(--replay-cursor),default}button,a,select,[role=button],.drop-zone,.drop-zone input{cursor:var(--replay-cursor),pointer}.track-canvas:not(.panning) canvas,.scope-plot:not(.brushing):not(.panning),.trace-plot:not(.brushing):not(.panning),.section-strip:not(.dragging):not(.seeking):not(.panning),.section-strip:not(.dragging):not(.seeking):not(.panning) .section-block{cursor:var(--replay-cursor),crosshair}}dialog:not([popover]):not(.account-reauth),div[role=dialog],div.desktop-modal,.account-reauth>.account-card{border-top:3px solid transparent;background-image:linear-gradient(var(--racing-yellow),var(--racing-yellow));background-size:100% 3px;background-position:center top;background-repeat:no-repeat;background-origin:border-box;background-clip:border-box}.primary-button:hover:not(:disabled),.import-button:hover:not(:disabled){background:var(--accent-hover);filter:none}:root{font-family:var(--font-family-ui);color:var(--text-primary);background:var(--surface-app);font-synthesis:none;text-rendering:optimizeLegibility;font-size:var(--font-body);font-weight:400}.language-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--border);border-radius:6px;background:var(--surface-app);flex-shrink:0}.language-toggle>button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:26px;padding:0;border-radius:3px;font-size:var(--font-ui);font-weight:600;color:var(--muted)}.language-toggle>button:hover{color:var(--text-primary);background:var(--surface-hover)}.language-toggle>button[aria-pressed=true]{background:var(--selected-bg);color:var(--text-accent);box-shadow:inset 0 0 0 1px var(--selected-border);border-color:var(--selected-border)}.language-toggle>button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{box-sizing:border-box}button,input,select{font:inherit}select{color-scheme:inherit}select option,select optgroup{background-color:var(--surface-floating);color:var(--text-primary)}select option:disabled,select optgroup:disabled{color:var(--muted)}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:var(--font-data)}:root input:is([type=number],[type=time],[inputmode=numeric],[inputmode=decimal]):not(:where([autocomplete=one-time-code])),:root .numeric{font-family:var(--font-family-numeric);font-size:max(var(--font-data),1em);font-weight:700;font-variant-numeric:tabular-nums lining-nums}input[autocomplete=one-time-code]{font-family:var(--font-family-ui);font-size:var(--font-data);font-weight:400;font-variant-numeric:tabular-nums lining-nums}:root input:is([type=number],[type=time],[inputmode=numeric],[inputmode=decimal])::placeholder{font-family:var(--font-family-ui);font-weight:400}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.35}button:not(:disabled):hover{filter:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,select,input{transition:background .15s,border-color .15s,color .15s}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button svg,span svg{flex-shrink:0}::selection{background:var(--racing-yellow);color:var(--on-accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-control);color:var(--text-secondary)}.icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}.import-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--radius-control);font-size:var(--font-ui);font-weight:650;background:var(--accent);color:var(--on-accent);padding:11px 16px;border-color:var(--accent)}.import-button{padding:10px 14px}.primary-button{min-height:38px}.quiet-button{color:var(--text-secondary);display:inline-flex;align-items:center;gap:8px;font-size:var(--font-ui);padding:7px 0}h1>span{color:var(--text-accent)}.panel{background:var(--surface-panel);border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden}.eyebrow{font-size:var(--font-caption);font-weight:600;letter-spacing:.06em;color:var(--muted)}h2{font-size:var(--font-dialog-title);letter-spacing:0;font-weight:600}h1{font-size:var(--font-page-title)}h3,h4{font-size:var(--font-panel-title)}small{font-size:var(--font-caption)}.dim{color:var(--muted);margin-left:4px}.you-text{color:var(--you-ink)!important}.ref-text{color:var(--ref-ink)!important}@media(prefers-reduced-motion:reduce){*{transition:none!important}*:not([data-motion=status]){animation:none!important}}.accent{color:var(--text-accent)}@media(max-width:780px){.import-button{font-size:var(--font-ui);padding:8px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}textarea{font-family:var(--font-family-ui)}@media(prefers-reduced-motion:reduce){button,input,select{transition:none}}.you{--lap-color: var(--you)}.ref{--lap-color: var(--ref)}body{margin:0;min-width:320px}
