.pace-card{--pace-ok:#2f9e5b;--pace-ok-soft:#cdefd9;--pace-ok-on:#fffdf7;--pace-warn:#f2a31b;--pace-warn-soft:#ffe6b0;--pace-warn-on:#2c261f;--pace-hot:#e5532d;--pace-hot-soft:#ffd3c4;--pace-hot-on:#fffdf7;--pace-idle:#a89c88;--pace-idle-soft:#f1e9d8;--pace-idle-on:#fffdf7;text-align:start;gap:12px;display:grid;position:relative;container-type:inline-size}:root[data-theme=dark] .pace-card{--pace-ok:#6fcf8f;--pace-ok-soft:#2f4d39;--pace-ok-on:#1d1a15;--pace-warn:#f5b544;--pace-warn-soft:#5a4623;--pace-warn-on:#1d1a15;--pace-hot:#f88252;--pace-hot-soft:#5e3324;--pace-hot-on:#1d1a15;--pace-idle:#8a7f6e;--pace-idle-soft:#3a342b;--pace-idle-on:#1d1a15}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pace-card{--pace-ok:#6fcf8f;--pace-ok-soft:#2f4d39;--pace-ok-on:#1d1a15;--pace-warn:#f5b544;--pace-warn-soft:#5a4623;--pace-warn-on:#1d1a15;--pace-hot:#f88252;--pace-hot-soft:#5e3324;--pace-hot-on:#1d1a15;--pace-idle:#8a7f6e;--pace-idle-soft:#3a342b;--pace-idle-on:#1d1a15}}.pace-card:not([data-ready])>*{visibility:hidden}.pace-card[data-clickable]{cursor:pointer;transition:transform .15s,box-shadow .15s}.pace-card[data-clickable]:hover{box-shadow:4px 4px 0 var(--line);transform:translate(-1px,-1px)}.pace-card .pace-title{margin:0}.pace-card .pace-provider{text-transform:none;letter-spacing:0;background:var(--card);border:2px solid var(--line);min-height:0;font:700 12px/1.2 var(--body);color:var(--foreground);border-radius:8px;margin-inline-start:auto;padding:3px 9px}.pace-card .pace-sample{background:var(--yellow);color:var(--ink-on-yellow);border-radius:999px;padding-inline:11px;font-weight:800}.pace-switch{border:1.5px solid color-mix(in srgb, var(--line) 35%, transparent);cursor:default;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.pace-switch button{color:var(--muted-fg);font:700 12px var(--body);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:3px 0}.pace-switch button:hover{color:var(--foreground);background:var(--menu-hover)}.pace-switch button[aria-pressed=true]{background:var(--yellow);color:var(--ink-on-yellow)}.pace{--c:var(--pace-ok);--soft:var(--pace-ok-soft);--on:var(--pace-ok-on);gap:12px;display:grid}.pace[data-state=warn]{--c:var(--pace-warn);--soft:var(--pace-warn-soft);--on:var(--pace-warn-on)}.pace[data-state=hot],.pace[data-state=gone]{--c:var(--pace-hot);--soft:var(--pace-hot-soft);--on:var(--pace-hot-on)}.pace[data-state=unset]{--c:var(--pace-idle);--soft:var(--pace-idle-soft);--on:var(--pace-idle-on)}.pace-stats{grid-template-columns:auto auto;justify-content:space-between;column-gap:8px;display:grid}.pace-stats>.pace-value{grid-area:2/1}.pace-remaining{grid-area:1/2/3/3;grid-template-rows:subgrid;color:inherit;font:inherit;text-align:end;background:0 0;border:0;border-radius:4px;padding:0;display:grid}.pace-swap{display:grid}.pace-swap>span{grid-area:1/1}.pace-swap>span[aria-hidden=true]{visibility:hidden}.pace-card .pace-label{color:var(--muted-fg);font-size:12px;font-weight:700}.pace-value{font:800 22px/1.2 var(--display);font-variant-numeric:tabular-nums;white-space:nowrap}.pace-value small{margin-inline:1px;font-size:12px;font-weight:700}.pace[data-state=unset] .pace-value{color:var(--pace-idle)}.pace-bar{touch-action:none;margin-top:-4px;padding:9px 0 4px;position:relative}.pace-bar[data-draggable]{cursor:ew-resize}.pace-track{border:2px solid var(--line);background:var(--empty);border-radius:7px;height:20px;display:flex;overflow:hidden}.pace-fill{background:var(--c);flex:none}.pace-ghost{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--c) 70%, transparent) 0 3px, transparent 3px 8px), color-mix(in srgb, var(--soft) 80%, var(--card));box-shadow:inset -2.5px 0 0 var(--c);flex:none}.pace-handle{border:2px solid var(--line);background:var(--card);width:16px;height:32px;box-shadow:1.5px 2px 0 var(--line);cursor:grab;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.pace-handle:before{content:"";background:linear-gradient(90deg, var(--line) 0 1.5px, transparent 1.5px 4.5px, var(--line) 4.5px 6px);opacity:.7;width:6px;height:12px}.pace-handle:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.pace-handle[data-pointer]:focus-visible{outline:none}.pace-bar[data-dragging] .pace-handle{cursor:grabbing;transform:translate(-50%,-50%)scale(1.08)}.pace[data-state=unset] .pace-handle{cursor:inherit}.pace-legend{color:var(--muted-fg);flex-wrap:wrap;gap:2px 12px;margin-top:-6px;font-size:11px;display:flex}.pace-legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.pace-legend i{border:1.5px solid var(--line);border-radius:3px;width:14px;height:10px}.pace-legend .pace-legend-fill{background:var(--c)}.pace-legend .pace-legend-ghost{background:repeating-linear-gradient(-45deg, var(--c) 0 2px, var(--soft) 2px 5px)}.pace[data-state=unset] .pace-legend{opacity:.55}.pace-verdict{border:1.5px solid color-mix(in srgb, var(--c) 55%, transparent);background:color-mix(in srgb, var(--soft) 60%, var(--card));border-radius:10px;min-height:124px;padding:10px 12px}.pace[data-state=unset] .pace-verdict{border-style:dashed}.pace-badge{background:var(--c);color:var(--on);border-radius:999px;margin-bottom:4px;padding:0 8px;font-size:12px;font-weight:800;display:inline-block}.pace-main{margin:0;font-size:14px;font-weight:800}.pace-sub{color:var(--muted-fg);margin:2px 0 0;font-size:12px}.pace-note{margin:0;display:none}.pace-provider-pick{text-align:center;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.pace-provider-pick>span{align-items:center;display:inline-flex}.pace-provider-pick:hover{filter:brightness(1.04)}.pace-foot{padding-top:0;font-size:13px}.pace-foot-label{color:var(--muted-fg)}.pace-link{color:var(--foreground);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.pace-link[data-set]{color:var(--muted-fg);font-weight:500;text-decoration:none}:is(.pace-link:hover,.pace-link:focus-visible){color:var(--foreground)}.pace-overlay{z-index:30;cursor:default;background:#2c261f73;border-radius:12px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;padding:8px;display:grid;position:absolute;inset:-2px}.pace-dialog{border:2px solid var(--line);background:var(--card);width:min(360px,100%);min-width:min(300px,100vw - 32px);box-shadow:3px 3px 0 var(--line);border-radius:12px;outline:none;padding:14px 12px;position:relative}.pace-dialog-close{top:8px;width:26px;height:26px;color:var(--muted-fg);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;inset-inline-end:8px}@media (max-width:1400px){.tools .pace-dialog{min-width:min(300px,100% + 24px)}}.pace-dialog-close svg{width:16px;height:16px}.pace-dialog-close:hover{background:var(--menu-hover);color:var(--foreground)}.pace-dialog-title{font:800 15px var(--display);margin:0;padding-inline-end:26px}.pace-dialog-hint{color:var(--muted-fg);margin:2px 0 0;font-size:12px}.pace-dialog-hint b{color:var(--foreground)}.pace-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0;display:grid}.pace-days button{border:1.5px solid color-mix(in srgb, var(--line) 30%, transparent);background:var(--card);color:var(--foreground);font:700 11px var(--body);cursor:pointer;border-radius:7px;padding:6px 0}.pace-days button:hover{background:var(--menu-hover)}.pace-days button[aria-pressed=true]{border-color:var(--line);background:var(--yellow);color:var(--ink-on-yellow)}.pace-time-row{align-items:center;gap:6px;margin-top:4px;display:flex}.pace-select{border:2px solid var(--line);background:var(--card);min-width:0;color:var(--foreground);font:700 14px var(--body);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;display:flex}.pace-select svg{opacity:.55;width:14px;height:14px}.tool-menu.pace-menu{width:var(--radix-select-trigger-width);max-height:min(220px, var(--radix-select-content-available-height))}.tool-menu.pace-provider-menu{width:auto;min-width:132px}.pace-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.pace-button{color:var(--foreground);font:700 13px var(--body);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:9px;padding:4px 12px}.pace-button[data-primary]{border-color:var(--line);background:var(--yellow);color:var(--ink-on-yellow);box-shadow:2px 2px 0 var(--line)}.pace-button:hover{background:var(--menu-hover)}.pace-button[data-primary]:hover{background:var(--yellow);filter:brightness(1.04)}@container (width>=520px){.pace-card .pace-title{font-size:18px}.pace-switch{justify-self:start;min-width:280px}.pace-switch button{padding:5px 0;font-size:13px}.pace{gap:18px}.pace-card .pace-label{font-size:13px}.pace-value{font-size:44px}.pace-value small{font-size:18px}.pace-legend{gap:4px 20px;font-size:13px}.pace-verdict{grid-template-columns:auto 1fr;align-items:center;column-gap:16px;min-height:88px;padding:14px 18px;display:grid}.pace-badge{grid-row:span 2;margin:0;padding:3px 12px;font-size:14px}.pace-main{font-size:20px}.pace-sub,.pace-foot{font-size:14px}}
