.tracker-demo[data-v-322edd39]{height:600px;overflow-x:auto}.tracker-demo[data-v-322edd39]>.app-window{min-width:720px}.tracker-demo__main[data-v-322edd39]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);height:100%;display:grid}.tracker-demo__left[data-v-322edd39]{border-right:1px solid var(--border-color);flex-direction:column;gap:14px;padding:14px;display:flex}.tracker-demo__now[data-v-322edd39]{background:var(--container-low-color);transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.tracker-demo__now--running[data-v-322edd39]{background:var(--primary-soft-color);box-shadow:inset 0 0 0 1.5px var(--primary-color)}.tracker-demo__now-label[data-v-322edd39]{color:var(--content-dim-color);align-items:center;gap:8px;font-size:12.5px;font-weight:650;display:inline-flex}.tracker-demo__now-dot[data-v-322edd39]{background:var(--content-darkest-color);border-radius:50%;width:8px;height:8px}.tracker-demo__now--running .tracker-demo__now-dot[data-v-322edd39]{background:var(--error-color);animation:1s ease-in-out infinite pulse}.tracker-demo__now-time[data-v-322edd39]{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--content-bright-color);font-size:42px;font-weight:600;line-height:1.1}.tracker-demo__now-meta[data-v-322edd39]{color:var(--content-dark-color);font-size:12px}.tracker-demo__tasks[data-v-322edd39]{flex-direction:column;gap:6px;display:flex}.tracker-demo__task[data-v-322edd39]{box-shadow:inset 0 0 0 1px var(--border-color);transition:box-shadow .25s var(--ease-out);border-radius:11px;align-items:center;gap:12px;padding:9px 12px 9px 9px;display:flex}.tracker-demo__task--running[data-v-322edd39]{box-shadow:inset 0 0 0 1.5px var(--task-color)}.tracker-demo__toggle[data-v-322edd39]{background:color-mix(in oklab, var(--task-color) var(--chip-fill-amount), var(--chip-fill-base));width:32px;height:32px;color:color-mix(in oklab, var(--task-color) var(--chip-ink-amount), var(--chip-ink-base));transition:transform .2s var(--ease-spring);border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.tracker-demo__toggle[data-v-322edd39]:hover{transform:scale(1.08)}.tracker-demo__task--running .tracker-demo__toggle[data-v-322edd39]{background:var(--error-color);color:var(--on-error-color)}.tracker-demo__task-text[data-v-322edd39]{flex-direction:column;flex:1;min-width:0;display:flex}.tracker-demo__task-title[data-v-322edd39]{color:var(--content-bright-color);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.tracker-demo__task-project[data-v-322edd39]{color:var(--content-dark-color);font-size:11.5px}.tracker-demo__task-time[data-v-322edd39]{font-variant-numeric:tabular-nums;color:var(--content-dim-color);font-size:12.5px}.tracker-demo__task--running .tracker-demo__task-time[data-v-322edd39]{color:var(--content-bright-color)}.tracker-demo__right[data-v-322edd39]{flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex}.tracker-demo__right-header[data-v-322edd39]{justify-content:space-between;align-items:center;gap:12px;display:flex}.tracker-demo__person[data-v-322edd39]{color:var(--content-dim-color);align-items:center;gap:9px;font-size:12px;display:flex}.tracker-demo__person>span[data-v-322edd39]{flex-direction:column;display:flex}.tracker-demo__person strong[data-v-322edd39]{color:var(--content-bright-color);font-size:12.5px}.tracker-demo__chart[data-v-322edd39]{flex:1;min-height:160px}.tracker-demo__chart canvas[data-v-322edd39]{width:100%;height:100%}.tracker-demo__speed[data-v-322edd39]{color:var(--content-dark-color);align-items:center;gap:6px;font-size:11px;display:flex}.tracker-demo__label[data-v-322edd39]{text-transform:uppercase;letter-spacing:.08em;color:var(--content-dark-color);margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.tracker-demo__sessions ul[data-v-322edd39]{flex-direction:column;gap:5px;display:flex}.tracker-demo__sessions li[data-v-322edd39]{align-items:center;gap:8px;font-size:12px;display:flex}.tracker-demo__session-dot[data-v-322edd39]{background:var(--task-color);border-radius:3px;flex-shrink:0;width:8px;height:8px}.tracker-demo__session-title[data-v-322edd39]{min-width:0;color:var(--content-normal-color);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tracker-demo__session-time[data-v-322edd39]{color:var(--content-dim-color);font-size:11.5px}.tracker-session-enter-active[data-v-322edd39]{transition:opacity .3s var(--ease-out), transform .3s var(--ease-out)}.tracker-session-enter-from[data-v-322edd39]{opacity:0;transform:translateY(-6px)}.tracker-session-leave-active[data-v-322edd39]{display:none}