:root{--chart-step-1:#adafb6;--chart-step-2:#86888f;--chart-step-3:#5a5c64;--chart-step-4:#2a2b30}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--chart-step-1:#56575f;--chart-step-2:#7c7e87;--chart-step-3:#a9abb3;--chart-step-4:#dcdde2}}:root[data-theme=dark],[data-theme=dark]{--chart-step-1:#56575f;--chart-step-2:#7c7e87;--chart-step-3:#a9abb3;--chart-step-4:#dcdde2}@layer components{.plan-meter{border-radius:var(--vz-radius-pill);background:var(--vz-surface-2);height:10px;overflow:hidden}.plan-meter span{border-radius:inherit;background:var(--vz-ink);height:100%;transition:transform var(--vz-duration-base) var(--vz-ease-out);display:block;transform:translate(-100%)}.plan-list{display:grid}.plan-row{border-top:1px solid var(--vz-line);border-radius:var(--vz-radius-lg);color:var(--vz-ink);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 8px;text-decoration:none;display:grid}.plan-list li:first-child .plan-row{border-top:0}.plan-row:hover{background:var(--vz-surface-2)}.plan-row:focus-visible{outline:var(--vz-focus-ring);outline-offset:2px}.plan-row strong{font:600 16px/1.3 var(--vz-font-body);display:block}.plan-row small{color:var(--vz-ink-2);margin-top:2px;font-size:14px;display:block}.plan-icon{border-radius:var(--vz-radius-menu);background:var(--vz-accent-soft);width:44px;height:44px;color:var(--vz-ink);place-items:center;display:grid}.plan-icon svg{width:22px;height:22px}.plan-icon .vz-board-thumb{border-radius:var(--vz-radius-menu);width:44px;height:44px}.plan-row[data-done] .plan-icon{background:var(--vz-mint-soft)}.plan-count{font:600 14px/1 var(--vz-font-body);font-variant-numeric:tabular-nums;color:var(--vz-ink-2);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.plan-row[data-done] .plan-count{color:var(--vz-ink)}.plan-row[data-done] .plan-count svg{width:18px;height:18px;color:var(--vz-mint)}.progress-focus{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.progress-focus strong{font:600 16px/1.3 var(--vz-font-body);display:block}.progress-focus small{color:var(--vz-ink-2);margin-top:2px;font-size:14px;display:block}.theme-table-wrap{border:1px solid var(--vz-line);border-radius:var(--vz-radius-lg);overflow-x:auto}.theme-table-wrap .vz-table :is(th,td):first-child{padding-left:12px}.theme-table-wrap .vz-table :is(th,td):last-child{padding-right:12px}.chart{gap:10px;margin:0;display:grid}.chart-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-title{font:600 16px/1.3 var(--vz-font-body)}.chart-toggle{border:1px solid var(--vz-line-strong);border-radius:var(--vz-radius-menu);background:var(--vz-surface);min-height:24px;color:var(--vz-ink-2);font:600 13px/1.4 var(--vz-font-body);cursor:pointer;padding:4px 10px}.chart-toggle:hover{color:var(--vz-ink);border-color:var(--vz-ink-3)}.chart-plot{touch-action:pan-y;width:100%;position:relative}.chart-plot:focus-visible{outline:var(--vz-focus-ring);outline-offset:4px;border-radius:var(--vz-radius-md)}.chart-grid{stroke:var(--vz-line);stroke-width:1px;shape-rendering:crispedges}.chart-tick{fill:var(--vz-ink-2);font:500 12px var(--vz-font-body);font-variant-numeric:tabular-nums}.chart-line{fill:none;stroke:var(--vz-ink-2);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:var(--vz-ink-2);opacity:.08}.chart-crosshair{stroke:var(--vz-ink-3);stroke-width:1px;shape-rendering:crispedges}.chart-dot{fill:var(--vz-ink);stroke:var(--vz-surface);stroke-width:2px}.chart-end-label{fill:var(--vz-ink);font:600 13px var(--vz-font-body)}.chart-table-wrap{border:1px solid var(--vz-line);border-radius:var(--vz-radius-lg);max-height:320px;overflow:auto}.chart-table-wrap .vz-table{font-variant-numeric:tabular-nums}.chart-table-wrap .vz-table :is(th,td):first-child{padding-left:12px}.chart-table-wrap .vz-table :is(th,td):last-child{padding-right:12px}.calendar-wrap{--calendar-cell:16px;justify-content:start;gap:8px;max-width:100%;display:grid;overflow-x:auto}.calendar-months{color:var(--vz-ink-2);gap:3px;margin-left:34px;font-size:12px;display:grid}.calendar-body{grid-template-columns:30px auto;gap:8px 4px;display:grid}.calendar-weekdays{grid-template-rows:repeat(7, var(--calendar-cell));font-size:12px;line-height:var(--calendar-cell);color:var(--vz-ink-2);row-gap:3px;display:grid}.calendar-grid{grid-template-rows:repeat(7, var(--calendar-cell));border-radius:var(--vz-radius-sm);grid-auto-flow:column;gap:3px;display:grid}.calendar-grid:focus-visible{outline:var(--vz-focus-ring);outline-offset:4px}.calendar-cell{width:var(--calendar-cell);height:var(--calendar-cell);border-radius:var(--vz-radius-xs);background:var(--vz-surface-2);display:inline-block}.calendar-cell[data-step="1"]{background:var(--chart-step-1)}.calendar-cell[data-step="2"]{background:var(--chart-step-2)}.calendar-cell[data-step="3"]{background:var(--chart-step-3)}.calendar-cell[data-step="4"]{background:var(--chart-step-4)}.calendar-cell[data-future]{background:0 0}.calendar-cell[data-active]{box-shadow:0 0 0 2px var(--vz-surface), 0 0 0 4px var(--vz-ink)}.calendar-readout{min-height:20px;color:var(--vz-ink);grid-column:2;font-size:14px}.calendar-readout-idle{color:var(--vz-ink-2)}.calendar-legend{color:var(--vz-ink-2);flex-wrap:wrap;align-items:center;gap:4px;margin-left:34px;font-size:12px;display:flex}.calendar-legend .calendar-cell{--calendar-cell:12px}.calendar-legend-gap{width:12px}}