@layer reset,tokens,base,layout;@layer components{.rs:focus{outline:none}.db{--db-expo:cubic-bezier(.19, 1, .22, 1);--db-pad-block:1.25rem;--db-pad-inline:1.25rem;gap:var(--tt-space-4);display:grid;container:debrief/inline-size}.db>*{min-width:0}.db>:not(.db-class,.db-sectors,.db-replay){animation:db-settle .22s var(--tt-ease-out) .18s backwards}.db-section-title,.db-stat dt,.db-acc-label,.db-id-range,.db-sector-id,.db-trace-title,.hm-col-title,.hm-title{font:600 .72rem / 1.15 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim);margin:0}.db-class{isolation:isolate;align-items:center;gap:var(--tt-space-4) var(--tt-space-5);min-block-size:9.5rem;padding:var(--db-pad-block) var(--db-pad-inline);animation:db-wipe .28s var(--db-expo) backwards;grid-template-columns:minmax(0,1fr);grid-template-areas:"id""readout""acc""actions";display:grid;position:relative}.db-class--dnf{grid-template-areas:"readout""acc""actions"}.db-class:before,.db-class:after{content:"";z-index:-1;clip-path:var(--tt-cut-path);pointer-events:none;position:absolute;inset:0}.db-class:before{background:var(--tt-flow) top / 100% 2px no-repeat, linear-gradient(180deg, color-mix(in oklch, var(--tt-surface-2) 92%, transparent), color-mix(in oklch, var(--tt-surface) 94%, transparent) 75%)}.db-class:after{background:linear-gradient(90deg, var(--tt-pb), color-mix(in oklch, var(--tt-pb) 45%, var(--tt-accent-2))) top / 100% 2px no-repeat;opacity:0;transition:opacity .32s var(--tt-ease-out) var(--db-stamp-delay,0s)}.rs.is-best .db-class:after{opacity:1}.db-id{grid-area:id}.db-readout{grid-area:readout}.db-acc{grid-area:acc}.db-actions{grid-area:actions}.db-id{color:color-mix(in oklch, var(--db-plate) 62%, var(--tt-text));isolation:isolate;grid-template-columns:auto auto;grid-template-areas:"plate name""plate range";justify-self:start;align-items:center;gap:.25rem .7rem;padding:.5rem 1.6rem .5rem .7rem;display:grid;position:relative}.db-id:before{content:"";z-index:-1;background:color-mix(in oklch, var(--db-plate) 13%, transparent);clip-path:polygon(var(--tt-cut-sm) 0, 100% 0, calc(100% - .85rem) 100%, 0 100%, 0 var(--tt-cut-sm));position:absolute;inset:0}.db-plate{block-size:2.4rem;inline-size:2rem;filter:drop-shadow(0 0 10px color-mix(in oklch, var(--db-plate) 50%, transparent));grid-area:plate}.db-id-name{font:800 .9rem / 1 var(--tt-font-display);letter-spacing:.08em;text-transform:uppercase;grid-area:name;align-self:end;margin:0}.db-id-range{letter-spacing:.08em;white-space:nowrap;grid-area:range;align-self:start}.db-readout{align-content:center;justify-items:start;gap:.75rem;display:grid}.db-num{align-items:baseline;gap:.5rem;margin:0;display:flex}.rs-wpm{min-inline-size:calc(var(--digits,2) * .75em);text-align:end;font:800 clamp(4.5rem, 3rem + 4vw, 7rem) / .8 var(--tt-font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--tt-text);text-shadow:0 0 44px color-mix(in oklch, var(--tt-accent) 40%, transparent);transition:color .26s var(--tt-ease-out) var(--db-stamp-delay,0s), text-shadow .26s var(--tt-ease-out) var(--db-stamp-delay,0s)}.db-class--dnf .rs-wpm{color:var(--tt-text-dim);text-shadow:none}.rs.is-best .rs-wpm{color:var(--tt-pb);text-shadow:0 0 52px color-mix(in oklch, var(--tt-pb) 55%, transparent)}.db-unit{font:700 .9rem / 1 var(--tt-font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--tt-text-dim)}.db-deltas{flex-wrap:wrap;align-items:center;gap:.4rem;min-block-size:1.75rem;display:flex}.db-chip{--tone:var(--tt-text-dim);isolation:isolate;font:650 .72rem / 1 var(--tt-font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklch, var(--tone) 62%, var(--tt-text));align-items:center;gap:.35rem;padding:.42rem .6rem .4rem;display:inline-flex;position:relative}.db-chip:before{content:"";z-index:-1;background:color-mix(in oklch, var(--tone) 15%, transparent);clip-path:var(--tt-cut-path-sm);position:absolute;inset:0}.db-chip b{font:700 .86rem / 1 var(--tt-font-display);letter-spacing:0}.db-chip--pb{--tone:var(--tt-pb)}.db-chip--up{--tone:var(--tt-up)}.db-chip--down{--tone:var(--tt-down)}.db-chip--base,.db-chip--streak{--tone:var(--tt-accent-2)}.db-mark{block-size:.95rem;inline-size:.95rem;color:var(--tone);flex:none}.db-stamp{place-items:center;display:grid;position:relative}.rs.is-best .db-stamp{animation:db-stamp .3s cubic-bezier(.3, 1.5, .5, 1) var(--db-stamp-delay,0s) backwards}.db-stamp:after{content:"";border:1.5px solid var(--tt-pb);opacity:0;pointer-events:none;position:absolute;inset:-.05rem;rotate:45deg}.rs.is-best .db-stamp:after{animation:db-shock .64s var(--tt-ease-out) calc(var(--db-stamp-delay,0s) + .14s) both}.db-acc{align-content:center;gap:.55rem;min-inline-size:7.5rem;display:grid}.db-acc-value{margin:0}.db-acc-label{white-space:nowrap}.rs-acc{font:800 2rem / 1 var(--tt-font-display);font-variant-numeric:tabular-nums;color:var(--tt-text)}.db-acc-bar{background:var(--tt-accent-2);block-size:4px;box-shadow:0 0 10px color-mix(in oklch, var(--tt-accent-2) 45%, transparent);margin-block:4px;position:relative}.db-acc-bar--empty{background:color-mix(in oklch, var(--tt-text) 14%, transparent);box-shadow:none}.db-acc-tick{inline-size:max(2px, calc(var(--width) * 100%));background:var(--tt-error);position:absolute;inset-block:-4px;inset-inline-start:calc(var(--from) * 100%)}.db-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.db-actions>:first-child:nth-last-child(odd){grid-column:1/-1}.db-actions .tt-button{white-space:nowrap;min-block-size:2.75rem;padding-inline:.9rem}.db-actions kbd{font-size:.72rem}@container debrief (width>=40rem){.db-class{grid-template-columns:max-content auto minmax(0,1fr);grid-template-areas:"id readout acc""actions actions actions"}.db-readout{min-inline-size:19rem}.db-id{grid-template-columns:auto;grid-template-areas:"plate""name""range";align-content:center;justify-self:stretch;justify-items:center;gap:.35rem;min-inline-size:5.5rem;padding:.7rem .85rem .65rem}.db-id:before{clip-path:var(--tt-cut-path-sm)}.db-plate{block-size:3.12rem;inline-size:2.6rem}.db-id-name,.db-id-range{align-self:auto}.db-class--dnf{grid-template-areas:"readout readout acc""actions actions actions"}.db-acc{justify-self:start;padding-inline-start:1.75rem;position:relative}.db-acc:before{content:"";background:var(--tt-hairline);inline-size:1px;position:absolute;inset-block:.1rem;inset-inline-start:.2rem;transform:skew(-12deg)}.db-actions{flex-wrap:wrap;display:flex}.db-actions .tt-button{flex:auto}.db-actions .tt-button--primary{flex-grow:2}}@container debrief (width>=62rem){.db-class{grid-template-columns:max-content auto auto minmax(0,1fr) minmax(16.5rem,19rem);grid-template-areas:"id readout acc.actions";column-gap:1.25rem}.db-class--dnf{grid-template-areas:"readout readout acc.actions"}.db-id{margin-block:calc(-1 * var(--db-pad-block));padding-inline:calc(var(--db-pad-inline) + .35rem) 1.6rem;clip-path:polygon(var(--tt-cut) 0, 100% 0, calc(100% - 1.15rem) 100%, 0 100%, 0 var(--tt-cut));align-self:stretch;margin-inline-start:calc(-1 * var(--db-pad-inline))}.db-plate{block-size:3.6rem;inline-size:3rem}.db-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline-start:1.3rem;display:grid;position:relative}.db-actions .tt-button{padding-inline:.7rem}.db-actions:before{content:"";background:var(--tt-hairline);inline-size:1px;position:absolute;inset-block:.2rem;inset-inline-start:.2rem;transform:skew(-12deg)}}@media (width<=40rem){.db{--db-pad-block:1rem;--db-pad-inline:1rem}.db-actions{z-index:2;margin:0 calc(-1 * var(--db-pad-inline)) calc(-1 * var(--db-pad-block));padding:.75rem var(--db-pad-inline) var(--db-pad-block);border-block-start:1px solid var(--tt-hairline);background:color-mix(in oklch, var(--tt-surface) 96%, var(--tt-bg));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--tt-cut)), calc(100% - var(--tt-cut)) 100%, 0 100%);position:sticky;inset-block-end:calc(4rem + env(safe-area-inset-bottom))}}.db-sectors{gap:.45rem;display:grid}.db-tower-note{min-block-size:1.35em;font:500 .75rem / 1.35 var(--tt-font-ui);color:var(--tt-text-dim);margin:0}@container debrief (width<=52rem){.db-tower-note{min-block-size:2.7em}}@container debrief (width<=30rem){.db-tower-note{min-block-size:4.05em}}.db-tower{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.db-sector{--tone:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-surface) 84%, transparent);transition:background-color var(--tt-dur-2) var(--tt-ease-out);animation:db-snap .2s var(--tt-ease-out) backwards;align-content:start;gap:.4rem;padding:.8rem 1rem .85rem;display:grid}.db-sector:first-child{clip-path:polygon(var(--tt-cut-sm) 0, 100% 0, 100% 100%, 0 100%, 0 var(--tt-cut-sm));animation-delay:.28s}.db-sector:nth-child(2){animation-delay:.34s}.db-sector:nth-child(3){animation-delay:.4s}.db-sector:nth-child(4){clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--tt-cut-sm)), calc(100% - var(--tt-cut-sm)) 100%, 0 100%);animation-delay:.46s}.db-sector[data-tone=pb]{--tone:var(--tt-pb)}.db-sector[data-tone=up]{--tone:var(--tt-up)}.db-sector[data-tone=down]{--tone:var(--tt-down)}.db-sector:not([data-tone=neutral]){background:color-mix(in oklch, var(--tone) 18%, var(--tt-surface))}.db-sector:not([data-tone=neutral]) .db-sector-id,.db-sector-delta{color:color-mix(in oklch, var(--tone) 62%, var(--tt-text))}.db-sector-value{font:800 1.75rem / 1 var(--tt-font-display);color:var(--tt-text)}.db-sector:not([data-tone=neutral]) .db-sector-value{color:var(--tone)}.db-sector-delta{min-block-size:.95rem;font:650 .78rem / 1.2 var(--tt-font-ui);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.db-trace{background:color-mix(in oklch, var(--tt-surface) 84%, transparent);clip-path:var(--tt-cut-path);gap:.6rem;padding:.85rem 1.1rem .6rem;display:grid}.db-trace-head,.db-trace-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.db-trace-title{flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;display:flex}.db-trace-title b{color:var(--tt-text);font-weight:750}.db-trace-tools{flex-wrap:wrap;gap:.4rem;display:flex}.db-toggle{min-block-size:2.25rem;font:650 .72rem / 1 var(--tt-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-text) 7%, transparent);clip-path:var(--tt-cut-path-sm);transition:color var(--tt-dur-1) var(--tt-ease-out), background-color var(--tt-dur-1) var(--tt-ease-out);align-items:center;gap:.5rem;padding:.5rem .8rem;display:inline-flex}.db-toggle:hover{color:var(--tt-text)}.db-toggle[aria-pressed=true]{color:var(--tt-text);background:color-mix(in oklch, var(--tt-accent-2) 18%, transparent)}.db-toggle:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:-3px}.db-toggle--quiet{min-block-size:2rem;box-shadow:inset 0 0 0 1px var(--tt-hairline);background:0 0;padding:.4rem .7rem}.db-trace-plot{--db-pace:122px;block-size:calc(var(--db-pace) + 140px);touch-action:pan-y;position:relative;overflow:hidden}.db-trace-plot[data-lanes="2"]{block-size:calc(var(--db-pace) + 96px)}@container debrief (width<=30rem){.db-trace-plot{--db-pace:108px}}.db-trace-plot .u-legend{display:none}.db-trace-plot .u-over{cursor:crosshair}.db-trace-plot:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:-2px}.db-tr-band,.db-tr-sec,.db-tr-x,.db-tr-tick-slot,.db-tr-dot,.db-tr-play,.db-tr-range,.db-tr-label,.db-tr-sector,.db-tr-top,.db-tr-title,.db-tr-message{pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.db-tr-play{background:var(--tt-caret);block-size:100%;inline-size:2px;box-shadow:0 0 .6rem color-mix(in oklch, var(--tt-caret) 60%, transparent);margin-inline-start:-1px}.db-tr-range{background:color-mix(in oklch, var(--tt-accent-2) 13%, transparent);block-size:100%;box-shadow:inset 1px 0 0 color-mix(in oklch, var(--tt-accent-2) 80%, transparent), inset -1px 0 0 color-mix(in oklch, var(--tt-accent-2) 80%, transparent)}.db-tr-label{font:700 .72rem / 1.15 var(--tt-font-ui);letter-spacing:.04em;white-space:nowrap;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-surface) 80%, transparent);padding:0 .3rem .1rem;translate:-100% -100%}.db-tr-label--ghost{color:color-mix(in oklch, var(--tt-pb) 62%, var(--tt-text))}.db-tr-label--raw{color:color-mix(in oklch, var(--tt-accent-2) 58%, var(--tt-text))}.db-tr-label--lead{font-variant-numeric:tabular-nums;font-size:.78rem;translate:calc(-100% - .4rem) -50%}.db-tr-label--lead[data-tone=pb]{color:color-mix(in oklch, var(--tt-pb) 62%, var(--tt-text))}.db-tr-label--lead[data-tone=down]{color:color-mix(in oklch, var(--tt-down) 62%, var(--tt-text))}.db-tr-sector{font:700 .72rem / 1.2 var(--tt-font-ui);letter-spacing:.06em;color:var(--tt-text-dim)}.db-tr-top{font:700 .72rem / 1.2 var(--tt-font-ui);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklch, var(--tt-accent-2) 58%, var(--tt-text))}.db-tr-top b{font-weight:700}.db-tr-top-note{letter-spacing:.02em;text-transform:none;color:var(--tt-text-dim)}.db-tr-title{font:650 .7rem / 1 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--tt-text-dim);align-items:center;gap:.35rem;margin:0;display:flex}.db-tr-title b{color:var(--tt-text);font-weight:750}.db-tr-key{flex:none}.db-tr-key:not(:first-child){margin-inline-start:.5rem}.db-tr-key--typo{background:var(--tt-error);block-size:.65rem;inline-size:2px}.db-tr-key--fix{background:color-mix(in oklch, var(--tt-error) 80%, transparent);block-size:.38rem;inline-size:.8rem}.db-tr-key--pause{border:1px solid var(--tt-text-dim);background:repeating-linear-gradient(135deg, var(--tt-text-dim) 0 1px, transparent 1px 4px);block-size:.5rem;inline-size:.8rem}.db-tr-message{inline-size:max-content;max-inline-size:22rem;font:500 .8rem / 1.3 var(--tt-font-ui);text-align:center;color:var(--tt-text-dim);margin:0;translate:-50% -50%}@container debrief (width<=40rem){.db-tr-top-note,.db-tr-title-wide{display:none}.db-tr-message{max-inline-size:17rem;font-size:.74rem}}@container debrief (width<=30rem){.db-trace-tools .db-toggle{letter-spacing:.06em;padding-inline:.55rem}}.db-trace-hint{font:500 .72rem / 1.4 var(--tt-font-ui);color:var(--tt-text-dim);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.db-plus-tag{font:800 .58rem / 1 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text);background:linear-gradient(100deg, color-mix(in oklch, var(--tt-accent) 42%, transparent), color-mix(in oklch, var(--tt-accent-2) 30%, transparent));clip-path:var(--tt-cut-path-sm);align-items:center;padding:.2rem .55rem .22rem;display:inline-flex}.db-range[hidden]{display:none}.db-range{gap:var(--tt-space-3);padding:var(--tt-space-3) var(--tt-space-4);background:color-mix(in oklch, var(--tt-accent-2) 7%, var(--tt-surface));box-shadow:inset 0 1px 0 color-mix(in oklch, var(--tt-accent-2) 45%, transparent);clip-path:var(--tt-cut-path-sm);margin-block-start:var(--tt-space-3);display:grid}.db-range-head{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;display:flex}.db-range-title{font:750 .72rem / 1 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text);margin:0}.db-range-span{font:700 .95rem / 1 var(--tt-font-numeric);color:var(--tt-text);margin:0}.db-range-span small{font:600 .75rem / 1 var(--tt-font-ui);color:var(--tt-text-dim)}.db-range-clear{font:650 .68rem / 1 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-text) 7%, transparent);clip-path:var(--tt-cut-path-sm);margin-inline-start:auto;padding:.35rem .7rem}.db-range-clear:hover{color:var(--tt-text)}.db-range-clear:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:-2px}.db-range-stats{gap:var(--tt-space-3);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;display:grid}.db-range-cell{gap:.3rem;display:grid}.db-range-cell dt{font:650 .6rem / 1 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim)}.db-range-cell dd{font:800 1.2rem / 1 var(--tt-font-numeric);color:var(--tt-text);margin:0}.db-range-cell dd small{font:600 .7rem / 1 var(--tt-font-ui);color:var(--tt-text-dim)}.db-range[data-tone=ahead] .db-range-cell:last-child dd{color:color-mix(in oklch, var(--tt-pb) 60%, var(--tt-text))}.db-range[data-tone=behind] .db-range-cell:last-child dd{color:color-mix(in oklch, var(--tt-down) 60%, var(--tt-text))}.db-range-lock{align-items:center;gap:var(--tt-space-3) var(--tt-space-5);flex-wrap:wrap;display:flex}.db-range-lock p{font:500 .85rem / 1.5 var(--tt-font-ui);color:var(--tt-text-dim);flex:18rem;margin:0}@container debrief (width<=40rem){.db-range-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.db-trace-plot.is-seekable .u-over{cursor:pointer}.db-tr-band{background:color-mix(in oklch, var(--tt-accent) 7%, transparent);block-size:100%}.db-tr-sec{background:linear-gradient(180deg, color-mix(in oklch, var(--tt-accent-2) 6%, transparent), color-mix(in oklch, var(--tt-accent-2) 13%, transparent));block-size:100%;box-shadow:inset 0 -2px 0 color-mix(in oklch, var(--tt-accent-2) 70%, transparent)}.db-tr-x{background:color-mix(in oklch, var(--tt-text) 58%, transparent);block-size:100%;inline-size:1px}.db-tr-dot{background:var(--tt-accent);block-size:9px;inline-size:9px;box-shadow:0 0 0 2px var(--tt-surface);border-radius:50%;margin:-4.5px 0 0 -4.5px}.db-tr-dot--ghost{background:var(--tt-pb)}.db-tr-dot--raw{background:var(--tt-accent-2)}.db-tr-dot--lead{background:var(--tt-text)}.db-tr-tick-slot{block-size:0;inline-size:0}.db-tr-tick{background:var(--tt-error);block-size:22px;inline-size:4px;box-shadow:0 0 12px color-mix(in oklch, var(--tt-error) 55%, transparent);transform-origin:50% 100%;position:absolute;inset-block-end:0;inset-inline-start:-2px}.db-tip{z-index:2;background:var(--tt-flow) top / 100% 2px no-repeat, color-mix(in oklch, var(--tt-surface-2) 96%, transparent);inline-size:14.5rem;clip-path:var(--tt-cut-path-sm);pointer-events:none;grid-template-columns:minmax(0,1fr);gap:.32rem;padding:.55rem .75rem .6rem;display:grid;position:absolute;inset-block-start:4px;inset-inline-start:0}.db-trace [hidden]{display:none}.db-tip p{margin:0}.db-tip-head{font:600 .72rem / 1.1 var(--tt-font-ui);letter-spacing:.04em;white-space:nowrap;color:var(--tt-text-dim);align-items:baseline;gap:.45rem;display:flex}.db-tip-time{font:800 1rem / 1 var(--tt-font-ui);letter-spacing:0;color:var(--tt-text);transform:skew(-9deg)}.db-tip-sector{letter-spacing:.08em;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 10%, transparent);clip-path:var(--tt-cut-path-sm);margin-inline-start:auto;padding:.16rem .35rem .12rem;font-weight:700}.db-tip-context{flex-wrap:wrap;gap:.3rem;display:flex}.db-tip-event{font:650 .68rem / 1.1 var(--tt-font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 10%, transparent);clip-path:var(--tt-cut-path-sm);padding:.14rem .35rem .12rem}.db-tip-typo{font:600 .72rem / 1.1 var(--tt-font-ui);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch, var(--tt-error) 55%, var(--tt-text));gap:.3rem;display:grid}.db-tip-pair{text-transform:none;letter-spacing:0;align-items:center;gap:.35rem;display:inline-flex}.db-tip-pairs{flex-wrap:wrap;align-items:center;gap:.3rem .6rem;display:flex}.db-tip-kbd{min-inline-size:1.6rem;font:500 .9rem / 1.2 var(--tt-font-typing);color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 9%, transparent);clip-path:var(--tt-cut-path-sm);place-items:center;padding:.12rem .4rem;display:inline-grid}.db-tip-kbd--typed{background:color-mix(in oklch, var(--tt-error) 22%, transparent)}.db-tip-extra{font:600 .72rem / 1 var(--tt-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--tt-text-dim)}.db-tip-grid{grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:.2rem .6rem;display:grid}.db-tip-label{font:600 .72rem / 1.1 var(--tt-font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tt-text-dim);white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.db-tip-label[data-row=pace]:before,.db-tip-label[data-row=raw]:before{content:"";border-block-start:2.5px solid var(--tt-accent);flex:none;inline-size:.65rem}.db-tip-label[data-row=raw]:before{border-block-start:2px dashed var(--tt-accent-2)}.db-tip-value{font:800 .95rem / 1 var(--tt-font-ui);font-variant-numeric:tabular-nums;text-align:end;color:var(--tt-text);transform:skew(-9deg)}.db-tip-value[data-tone=pb]{color:color-mix(in oklch, var(--tt-pb) 62%, var(--tt-text))}.db-tip-value[data-tone=down]{color:color-mix(in oklch, var(--tt-down) 62%, var(--tt-text))}.db-tip-note{font:600 .78rem / 1 var(--tt-font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tt-text-dim)}@container debrief (width<=30rem){.db-tip{gap:.3rem;inline-size:10.75rem;padding:.45rem .5rem .5rem}.db-tip-grid{gap:.18rem .35rem}.db-tip-label,.db-tip-head{letter-spacing:.03em}.db-tip-head{gap:.35rem}.db-tip-noun,.db-tip-label[data-row]:before{display:none}.db-tip-value{font-size:.9rem}.db-tip-note{font-size:.7rem}}.db-trace-table>summary{font:650 .7rem / 1 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-accent-2);cursor:pointer;align-items:center;gap:.5rem;padding:.35rem 0;list-style:none;display:inline-flex}.db-trace-table>summary::-webkit-details-marker{display:none}.db-trace-table>summary:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);block-size:.45rem;inline-size:.45rem;transition:transform var(--tt-dur-1) var(--tt-ease-out);background:currentColor}.db-trace-table[open]>summary:before{transform:rotate(90deg)}.db-trace-table>summary:focus-visible,.db-table-wrap:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:2px}.db-table-wrap{max-block-size:20rem;margin-block-start:var(--tt-space-2);overflow:auto}.db-table{border-collapse:collapse;inline-size:100%;font-size:.82rem}.db-table th,.db-table td{text-align:start;white-space:nowrap;border-block-start:1px solid var(--tt-hairline);padding:.4rem .7rem}.db-table thead th{font:600 .62rem / 1 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text-dim);background:var(--tt-surface);border-block-start:0;position:sticky;inset-block-start:0}.db-table .db-num{text-align:end;font-variant-numeric:tabular-nums}.db-table tbody th{font-weight:600}@media (forced-colors:active){.db-toggle[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}.db-tr-key{forced-color-adjust:none;background-color:canvastext}.db-tr-key--pause{background:repeating-linear-gradient(135deg,canvastext 0 1px,canvas 1px 4px);border-color:canvastext}}.db-instruments{grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid;position:relative}.db-group{isolation:isolate;align-content:start;gap:.75rem;padding:.85rem 1rem .8rem;display:grid;position:relative}.db-group:before{content:"";z-index:-1;background:color-mix(in oklch, var(--tt-surface) 84%, transparent);clip-path:var(--tt-cut-path);position:absolute;inset:0}.db-group-title{font:700 .72rem / 1 var(--tt-font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--tt-text);align-items:center;gap:.55rem;margin:0;display:flex}.db-group-title:before{content:"";background:var(--tt-flow);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);flex:none;block-size:.45rem;inline-size:.45rem}.db-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin:0;display:grid}.db-stat{align-content:start;gap:.35rem;min-inline-size:0;display:grid}.db-stat--wide{grid-column:1/-1}.db-stat dt{letter-spacing:.12em;white-space:nowrap}.db-term{cursor:help;text-decoration:underline dotted color-mix(in oklch, var(--tt-text-dim) 70%, transparent);text-underline-offset:.3em;justify-self:start}.db-term:hover,.db-stat:hover .db-term{color:var(--tt-text)}.db-term:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:3px}.db-value{font:800 1.55rem / 1 var(--tt-font-ui);font-variant-numeric:tabular-nums;color:var(--tt-text);white-space:nowrap;transform-origin:0 100%;margin:0;transform:skew(-9deg)}.db-stat--wide .db-value{font:600 .9rem / 1.3 var(--tt-font-ui);letter-spacing:.02em;white-space:normal;color:var(--tt-text-dim);transform:none}.db-chars b{font:800 1.15rem / 1 var(--tt-font-ui);font-variant-numeric:tabular-nums;color:var(--tt-text)}.db-char{cursor:help;white-space:nowrap;text-decoration:underline dotted color-mix(in oklch, var(--tt-text-dim) 60%, transparent);text-underline-offset:.3em}.db-char:hover{color:var(--tt-text)}.db-char:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:2px}.db-cmp{min-block-size:1rem;font:650 .72rem / 1.3 var(--tt-font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--tt-text-dim);margin:0}.db-cmp[data-tone=pb]{color:color-mix(in oklch, var(--tt-pb) 62%, var(--tt-text))}.db-cmp[data-tone=up]{color:color-mix(in oklch, var(--tt-up) 62%, var(--tt-text))}.db-cmp[data-tone=down]{color:color-mix(in oklch, var(--tt-down) 62%, var(--tt-text))}.db-def{z-index:5;background:var(--tt-flow) top / 100% 2px no-repeat, color-mix(in oklch, var(--tt-surface-2) 97%, transparent);inline-size:min(23rem,100%);clip-path:var(--tt-cut-path-sm);gap:.4rem;padding:.75rem .9rem .8rem;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.db-def[hidden]{display:none}.db-def p{margin:0}.db-def-lead{font:600 .9rem / 1.4 var(--tt-font-ui);color:var(--tt-text)}.db-def-formal{color:var(--tt-text-dim);font-size:.82rem;line-height:1.45}.db-def-compare{border-block-start:1px solid var(--tt-hairline);color:var(--tt-text);padding-block-start:.4rem;font-size:.82rem;line-height:1.4}@container debrief (width>=46rem){.db-instruments{grid-template-columns:repeat(2,minmax(0,1fr))}.db-group[data-group=run]{grid-column:1/-1}}@container debrief (width>=62rem){.db-group[data-group=run] .db-strip{grid-template-columns:minmax(0,2fr) repeat(4,auto) minmax(0,2.6fr);column-gap:1.5rem}.db-group[data-group=run] .db-stat--wide{grid-column:auto}}.db-grade-wrap{align-items:center;gap:.5rem;display:inline-flex}.db-grade{block-size:1.45rem;inline-size:1.45rem;font:800 .86rem / 1 var(--tt-font-display);color:var(--tt-accent-contrast);background:var(--tt-text-dim);clip-path:var(--tt-cut-path-sm);place-items:center;display:inline-grid}.db-grade--S{background:linear-gradient(135deg, var(--tt-pb), var(--tt-accent))}.db-grade--A{background:var(--tt-accent)}.db-grade--B{background:var(--tt-accent-2)}.db-grade--C{background:var(--tt-down)}.db-panel,.db-coach{padding:var(--tt-space-5);background:color-mix(in oklch, var(--tt-surface) 82%, transparent);clip-path:var(--tt-cut-path)}.db-coach{min-block-size:var(--db-coach-min,13rem);align-content:start;gap:var(--tt-space-2);background:linear-gradient(110deg, color-mix(in oklch, var(--tt-accent) 13%, transparent), transparent 55%), color-mix(in oklch, var(--tt-surface) 82%, transparent);grid-template-rows:auto auto auto 1fr;display:grid}.rs-coach-title{font:700 1.15rem / 1.2 var(--tt-font-display);color:var(--tt-text);margin:0}.rs-coach-body{max-width:62ch;color:var(--tt-text);margin:0}.rs-coach-evidence{color:var(--tt-text-dim);margin:0;font-size:.82rem}.db-coach-next{flex-wrap:wrap;align-self:end;align-items:center;gap:.6rem 1.1rem;min-block-size:2.75rem;margin:.4rem 0 0;display:flex}@container debrief (width<=40rem){.db-coach{--db-coach-min:19rem}}.db-coach-next--run{color:var(--tt-text-dim);gap:.6rem;font-size:.86rem}.db-coach-next--run kbd{font:600 .72rem / 1 var(--tt-font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--tt-text);background:var(--tt-surface-2);clip-path:var(--tt-cut-path-sm);padding:.2rem .5rem}.db-coach-go{min-block-size:2.75rem}.db-coach-trains{max-inline-size:52ch;color:var(--tt-text-dim);margin:0;font-size:.82rem;line-height:1.4}.db-coach-trains b{font:700 .72rem / 1 var(--tt-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--tt-text)}.hm-list kbd{min-width:1.7rem;clip-path:var(--tt-cut-path-sm);background:var(--tt-surface-2);font-family:var(--tt-font-typing);color:var(--tt-text);border:0;place-items:center;padding:.1rem .4rem;font-size:.86rem;display:inline-grid}.db-chevron{block-size:1rem;inline-size:1rem;color:var(--tt-error);flex:none}.rs-actions{gap:var(--tt-space-3);flex-wrap:wrap;display:flex}.db-meta{font:600 .78rem / 1.35 var(--tt-font-ui);color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-surface) 70%, transparent);clip-path:var(--tt-cut-path-sm);flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem;margin:0;padding:.75rem 1rem .7rem;display:flex}.db-meta-name{font:800 .78rem / 1 var(--tt-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-text);align-items:center;gap:.5rem;display:inline-flex}.db-meta-name:before{content:"";background:var(--tt-flow);clip-path:polygon(30% 0,100% 0,70% 100%,0 100%);flex:none;block-size:.45rem;inline-size:.45rem}.db-meta-detail{color:var(--tt-text)}.db-meta-source{flex-basis:100%;margin:0}.rs-daily{gap:var(--tt-space-3);display:grid;position:relative}.rs-daily:before{content:"";background:var(--tt-flow);height:2px;position:absolute;inset:0 0 auto}.rs-daily-grid{grid-template-columns:repeat(10,1.35rem);gap:4px;display:grid}.rs-cell{width:1.35rem;height:1.35rem;clip-path:var(--tt-cut-path-sm);background:color-mix(in oklch, var(--tt-text-dim) 30%, transparent)}.rs-cell--ok{background:var(--tt-flow)}.rs-share-text{padding:var(--tt-space-3) var(--tt-space-4);background:var(--tt-bg);font-family:var(--tt-font-typing);white-space:pre-wrap;user-select:all;margin:0;font-size:.86rem}.rs-heatmap{gap:var(--tt-space-3);min-height:14rem;display:grid}.hm-head{justify-content:space-between;align-items:center;display:flex}.hm-toggle{gap:2px;display:flex}.hm-readout{min-block-size:1.35em;font:600 .86rem / 1.35 var(--tt-font-ui);font-variant-numeric:tabular-nums;color:var(--tt-text);margin:0}@container debrief (width<=40rem){.hm-readout{min-block-size:2.7em}}.hm-board{--hm-unit:min(2.7rem, calc((100vw - 4rem) / var(--hm-cols)));width:calc(var(--hm-unit) * var(--hm-cols));height:calc(var(--hm-unit) * var(--hm-rows));position:relative}.hm-key{left:calc(var(--x) * var(--hm-unit));top:calc(var(--y) * var(--hm-unit));width:calc(var(--w) * var(--hm-unit) - 4px);height:calc(var(--hm-unit) - 4px);clip-path:var(--tt-cut-path-sm);font:400 .78rem / 1 var(--tt-font-typing);color:var(--tt-text);cursor:default;border:0;place-items:center;padding:0;display:grid;position:absolute}.hm-key:hover{filter:brightness(1.18)}.hm-key:focus-visible{z-index:1;outline:2px solid var(--tt-accent-2);outline-offset:-2px}.hm-legend{flex-wrap:wrap;align-items:center;gap:.45rem 1rem;display:flex}.hm-legend-title{font:600 .72rem / 1.2 var(--tt-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tt-text-dim);margin:0}.hm-legend-list{font:600 .78rem / 1.2 var(--tt-font-ui);font-variant-numeric:tabular-nums;color:var(--tt-text);flex-wrap:wrap;gap:.35rem .9rem;margin:0;padding:0;list-style:none;display:flex}.hm-legend-list li{align-items:center;gap:.4rem;display:inline-flex}.hm-swatch{block-size:.95rem;inline-size:.95rem;clip-path:var(--tt-cut-path-sm);box-shadow:inset 0 0 0 1px var(--tt-hairline);flex:none}.hm-key,.hm-swatch{--hm-hue:var(--tt-error);--hm-mix:0%;background:color-mix(in oklab, var(--hm-hue) var(--hm-mix), var(--tt-surface-2))}.hm-board[data-mode=speed] .hm-key,.hm-legend[data-mode=speed] .hm-swatch{--hm-hue:var(--tt-down)}.hm-key[data-level="1"],.hm-swatch[data-level="1"]{--hm-mix:14%}.hm-key[data-level="2"],.hm-swatch[data-level="2"]{--hm-mix:27%}.hm-key[data-level="3"],.hm-swatch[data-level="3"]{--hm-mix:40%}.hm-key[data-level="4"],.hm-swatch[data-level="4"]{--hm-mix:54%}.hm-board[data-mode=speed] .hm-key[data-level="4"],.hm-legend[data-mode=speed] .hm-swatch[data-level="4"]{--hm-mix:44%}.hm-key--unused,.hm-board[data-mode=speed] .hm-key:not([data-level]),.hm-swatch[data-level=none]{color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-surface) 55%, transparent)}.hm-lists{gap:var(--tt-space-3) var(--tt-space-6);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.hm-col-title{margin:0 0 .45rem}.hm-list{color:var(--tt-text-dim);gap:.3rem;margin:0;padding:0;font-size:.86rem;list-style:none;display:grid}.hm-list li{align-items:center;gap:.45rem;display:flex}.hm-detail{font-variant-numeric:tabular-nums}.hm-empty{color:var(--tt-text-dim)}.hm-drill{border-block-start:1px solid var(--tt-hairline);flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;padding-block-start:var(--tt-space-3);display:flex}.hm-drill-go{min-block-size:2.75rem}.hm-drill-note{max-inline-size:56ch;color:var(--tt-text-dim);margin:0;font-size:.82rem;line-height:1.4}@media (width<=40rem){.db-tower{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes db-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes db-snap{0%{opacity:0;transform:translateY(.4rem)}55%{opacity:1;filter:brightness(1.45)}to{filter:none;transform:none}}@keyframes db-stamp{0%{opacity:0;rotate:-45deg;scale:2.4}}@keyframes db-shock{0%{opacity:.9;scale:.7}to{opacity:0;scale:3.2}}@keyframes db-settle{0%{opacity:0}}@keyframes db-rise{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.db-class,.db>:not(.db-class,.db-sectors,.db-replay),.db-sector,.rs.is-best .db-stamp,.rs.is-best .db-stamp:after,.db-replay{animation:none}.rs-wpm,.db-class:after{transition:none}}:root[data-motion=reduce] .db-class,:root[data-motion=reduce] .db>:not(.db-class,.db-sectors,.db-replay),:root[data-motion=reduce] .db-sector,:root[data-motion=reduce] .rs.is-best .db-stamp,:root[data-motion=reduce] .rs.is-best .db-stamp:after,:root[data-motion=reduce] .db-replay{animation:none}:root[data-motion=reduce] .rs-wpm,:root[data-motion=reduce] .db-class:after{transition:none}.db-replay{--rp-ahead:color-mix(in oklch, var(--tt-pb) 75%, transparent);--rp-behind:color-mix(in oklch, var(--tt-down) 70%, transparent);gap:var(--tt-space-4);animation:db-rise var(--tt-dur-3) var(--tt-ease-out) both;display:grid}.db-replay:focus{outline:none}.rp-plate[hidden],.rp-ghost[hidden],.rp-ribbon[hidden]{display:none}.rp-head{justify-content:space-between;align-items:center;gap:var(--tt-space-3) var(--tt-space-5);flex-wrap:wrap;display:flex}.rp-hud{flex-wrap:wrap;gap:4px;display:flex}.rp-plate{background:linear-gradient(180deg, color-mix(in oklch, var(--tt-text) 7%, transparent), transparent), color-mix(in oklch, var(--tt-surface) 82%, transparent);min-width:4.6rem;box-shadow:inset 0 1px 0 color-mix(in oklch, var(--tt-text) 12%, transparent);clip-path:var(--tt-cut-path-sm);gap:.3rem;padding:.5rem .75rem .55rem;display:grid}.rp-plate-label{font:650 .6rem / 1 var(--tt-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--tt-text-dim)}.rp-plate-value{font:800 1.25rem / 1 var(--tt-font-numeric);color:var(--tt-text);align-items:baseline;gap:.15rem;display:flex}.rp-plate-value small{font:650 .7rem / 1 var(--tt-font-ui);color:var(--tt-text-dim)}.rp-plate--pb{--tone:var(--tt-text-dim);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--tt-text) 12%, transparent), inset 0 -2px 0 var(--tone)}.rp-plate--pb[data-tone=ahead]{--tone:var(--tt-pb)}.rp-plate--pb[data-tone=behind]{--tone:var(--tt-down)}.rp-plate--pb .rp-plate-value{color:color-mix(in oklch, var(--tone) 55%, var(--tt-text))}.rp-text{--tt-type:1.2rem;--tt-line:calc(1.2rem * var(--tt-typing-leading));height:calc(var(--tt-line) * 3);font:400 var(--tt-type) / var(--tt-typing-leading) var(--tt-font-typing);user-select:none;flex-wrap:wrap;align-content:flex-start;column-gap:.62em;display:flex;position:relative;overflow:hidden}.rp-text .l{transition:color 90ms linear}.rp-caret,.rp-ghost{pointer-events:none;will-change:transform;border-radius:999px;width:2px;margin-left:-1px;transition:transform 90ms linear;position:absolute;top:0;left:0}.rp-caret{background:var(--tt-caret);box-shadow:0 0 .5em color-mix(in oklch, var(--tt-caret) 55%, transparent)}.rp-ghost{background:repeating-linear-gradient(180deg, var(--tt-pb) 0 3px, transparent 3px 6px);opacity:.9}.rp-ghost:before{content:"PB";font:800 .55rem / 1.25 var(--tt-font-ui);letter-spacing:.08em;color:var(--tt-bg);background:var(--tt-pb);border-radius:2px;padding:0 .25em;position:absolute;top:-.85em;left:50%;transform:translate(-50%)}.rp-caret.is-jump,.rp-ghost.is-jump{transition:none}.rp-track{gap:.35rem;display:grid}.rp-timeline{height:1.75rem;position:relative}.rp-timeline:before{content:"";background:color-mix(in oklch, var(--tt-text) 10%, transparent);border-radius:999px;height:4px;margin-top:-2px;position:absolute;inset:50% 0 auto}.rp-fill{background:linear-gradient(90deg, var(--tt-accent), var(--tt-accent-2));transform-origin:0;height:4px;box-shadow:0 0 .75rem color-mix(in oklch, var(--tt-accent-2) 45%, transparent);border-radius:999px;margin-top:-2px;position:absolute;inset:50% 0 auto;transform:scaleX(0)}.rp-ribbon{opacity:.85;border-radius:999px;height:3px;position:absolute;inset:auto 0 0}.rp-marks{pointer-events:none;position:absolute;inset:0}.rp-tick,.rp-sector{position:absolute;top:50%;transform:translate(-50%,-50%)}.rp-tick{background:var(--tt-error);border-radius:1px;width:2px;height:.75rem}.rp-sector{background:color-mix(in oklch, var(--tt-text) 32%, transparent);width:1px;height:1.25rem}.rp-scrub{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.rp-scrub::-webkit-slider-runnable-track{background:0 0;height:100%}.rp-scrub::-moz-range-track{background:0 0;height:100%}.rp-scrub::-webkit-slider-thumb{appearance:none;background:var(--tt-text);border:3px solid var(--tt-accent-2);width:.95rem;height:.95rem;box-shadow:0 0 .6rem color-mix(in oklch, var(--tt-accent-2) 60%, transparent);border-radius:50%;margin-top:.4rem}.rp-scrub::-moz-range-thumb{background:var(--tt-text);border:3px solid var(--tt-accent-2);width:.6rem;height:.6rem;box-shadow:0 0 .6rem color-mix(in oklch, var(--tt-accent-2) 60%, transparent);border-radius:50%}.rp-scrub:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:2px}.rp-ends{font:650 .7rem / 1 var(--tt-font-numeric);color:var(--tt-text-dim);justify-content:space-between;display:flex}.rp-controls{align-items:center;gap:var(--tt-space-3);flex-wrap:wrap;display:flex}.rp-transport{align-items:center;gap:4px;display:flex}.rp-play{justify-content:center;align-items:center;gap:.45rem;min-width:7.5rem;display:inline-flex}.rp-icon{fill:currentColor;flex:none;width:1.05rem;height:1.05rem}.rp-icon-button{width:2.5rem;height:2.5rem;color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-text) 6%, transparent);clip-path:var(--tt-cut-path-sm);transition:color var(--tt-dur-1) var(--tt-ease-out), background-color var(--tt-dur-1) var(--tt-ease-out);place-items:center;display:inline-grid}.rp-icon-button:hover{color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 11%, transparent)}.rp-icon-button:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:-2px}.rp-speeds{gap:2px;margin-left:auto;display:flex}.rp-speed{min-width:2.75rem;font:700 .78rem / 1 var(--tt-font-numeric);color:var(--tt-text-dim);background:color-mix(in oklch, var(--tt-text) 6%, transparent);clip-path:var(--tt-cut-path-sm);padding:.55rem .7rem}.rp-speed[aria-pressed=true]{color:var(--tt-text);background:color-mix(in oklch, var(--tt-accent) 28%, transparent);box-shadow:inset 0 -2px 0 var(--tt-accent-2)}.rp-speed:focus-visible{outline:2px solid var(--tt-accent-2);outline-offset:-2px}.rp-keys{font:500 .72rem / 1.4 var(--tt-font-ui);color:var(--tt-text-dim);flex-wrap:wrap;align-items:center;gap:.3rem;margin:0;display:flex}.rp-keys kbd{font:650 .65rem / 1.4 var(--tt-font-ui);color:var(--tt-text);background:color-mix(in oklch, var(--tt-text) 9%, transparent);border-radius:3px;padding:.1rem .4rem}@media (width<=40rem){.rp-plate{min-width:3.9rem;padding:.45rem .55rem}.rp-plate-value{font-size:1.05rem}.rp-speeds{margin-left:0}.rp-keys{display:none}}@media (prefers-reduced-motion:reduce){.rp-caret,.rp-ghost,.rp-text .l{transition:none}}:root[data-motion=reduce] .rp-caret,:root[data-motion=reduce] .rp-ghost,:root[data-motion=reduce] .rp-text .l{transition:none}}@layer utilities;