.team-vesting-chart{--vesting-ink: hsl(var(--white));--vesting-muted: hsl(var(--white) / .84);--vesting-border: hsl(var(--white) / .28);--vesting-grid: hsl(var(--white) / .16);--vesting-surface: hsl(var(--blue2) / .2);--vesting-cliff: hsl(var(--light2));--vesting-lock-fill: hsl(var(--light2) / .12);--vesting-area-top: hsl(var(--white) / .22);--vesting-area-bottom: hsl(var(--white) / .015);--vesting-curve: hsl(var(--white));--vesting-crosshair: hsl(var(--white) / .5);--vesting-point-border: hsl(var(--blue2));--vesting-tooltip: hsl(var(--blue2));--vesting-selected-bg: hsl(var(--white));--vesting-selected-ink: hsl(var(--blue2));min-width:0;margin:1.5rem 0;color:var(--vesting-ink);font-family:var(--font-base);font-size:.875rem;line-height:1.5;.vesting-chart{margin:0;padding:1.25rem;border:1px solid var(--vesting-border);border-radius:.5rem;background:var(--vesting-surface)}.chart-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0 0 .35rem;color:var(--vesting-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}h3{margin:0;color:var(--vesting-ink);font-family:var(--font-title);font-size:clamp(1.35rem,4vw,1.65rem);font-weight:700;letter-spacing:-.035em;line-height:1.3}h3 span{color:inherit;font-size:.8em}.chart-legend{display:flex;gap:1rem;color:var(--vesting-muted);font-size:.75rem}.chart-legend span{display:flex;align-items:center;gap:.4rem}.chart-legend i{display:inline-block;width:1rem;height:0}.locked-key{border-top:2px dashed var(--vesting-cliff)}.vested-key{border-top:3px solid var(--vesting-curve)}.vesting-canvas-wrap{position:relative}.vesting-canvas{display:block;width:100%;height:280px;font-family:var(--font-base)}.vesting-canvas.interactive{cursor:crosshair;touch-action:pan-y}.curve-tooltip-layer{position:absolute;inset:var(--plot-top) var(--plot-right) var(--plot-bottom) var(--plot-left);pointer-events:none}.curve-tooltip{position:absolute;z-index:2;max-width:calc(100vw - 16px);padding:.75rem;border:1px solid var(--vesting-border);border-radius:.375rem;background:var(--vesting-tooltip);box-shadow:0 8px 20px hsl(var(--shadow) / .2);transform:translateY(calc(-100% - 12px))}.curve-tooltip span,.curve-tooltip strong{display:block;overflow-wrap:anywhere}.curve-tooltip span{margin-bottom:.3rem;color:var(--vesting-muted);font-size:.75rem}.curve-tooltip strong{color:var(--vesting-ink);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}.curve-tooltip-below{transform:translateY(12px)}.preview-control{display:block;margin:.75rem 0}.preview-control>span{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem .75rem}.preview-control strong{font-size:.875rem;font-weight:700}.preview-control small{color:var(--vesting-muted);font-size:.75rem}.preview-control input[type=range]{appearance:none;display:block;width:100%;height:36px;margin:.25rem 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:var(--vesting-curve);cursor:ew-resize}.preview-control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--vesting-curve) var(--preview-progress),var(--vesting-border) var(--preview-progress))}.preview-control input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--vesting-curve) var(--preview-progress),var(--vesting-border) var(--preview-progress))}.preview-control input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--vesting-curve);border-radius:50%;background:var(--vesting-point-border);box-shadow:0 2px 6px hsl(var(--shadow) / .25)}.preview-control input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--vesting-curve);border-radius:50%;background:var(--vesting-point-border);box-shadow:0 2px 6px hsl(var(--shadow) / .25)}.preview-control input:focus-visible,button:focus-visible{outline:2px solid var(--vesting-curve);outline-offset:4px}.chart-snap-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.chart-snap-row button{min-width:64px;min-height:44px;padding:.35rem 1rem;border:2px solid var(--vesting-ink);border-radius:2rem;background:transparent;color:var(--vesting-ink);font-family:var(--font-title);font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s}.chart-snap-row button:hover,.chart-snap-row button[aria-pressed=true]{background:var(--vesting-selected-bg);border-color:var(--vesting-selected-bg);color:var(--vesting-selected-ink)}.chart-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.75rem;margin-bottom:1.25rem}.chart-dates div{min-width:0}.chart-dates span{display:block;margin-bottom:.3rem;color:var(--vesting-muted);font-size:.75rem}.chart-dates time{display:block;color:var(--vesting-ink);font-size:.875rem;font-weight:700}.chart-metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid var(--vesting-border);border-bottom:1px solid var(--vesting-border)}.chart-metrics div{min-width:0;padding:1rem .75rem}.chart-metrics div:first-child{padding-left:0}.chart-metrics div:last-child{padding-right:0}.chart-metrics div+div{border-left:1px solid var(--vesting-border)}.chart-metrics span{display:block;margin-bottom:.4rem;color:var(--vesting-muted);font-size:.75rem}.chart-metrics strong{display:block;color:var(--vesting-ink);font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.chart-caption{margin:1rem 0 0;color:var(--vesting-muted);font-size:.75rem;line-height:1.6}}.dark .team-vesting-chart{--vesting-ink: hsl(var(--text-primary));--vesting-muted: hsl(var(--light2));--vesting-border: hsl(var(--primary) / .35);--vesting-grid: hsl(var(--primary) / .2);--vesting-surface: hsl(var(--primary) / .06);--vesting-area-top: hsl(var(--primary) / .28);--vesting-area-bottom: hsl(var(--primary) / .015);--vesting-curve: hsl(var(--light2));--vesting-crosshair: hsl(var(--light2) / .5);--vesting-point-border: hsl(var(--dark));--vesting-tooltip: hsl(var(--dark2));--vesting-selected-bg: hsl(var(--light2));--vesting-selected-ink: hsl(var(--dark))}@media(max-width:600px){.team-vesting-chart{.vesting-chart{padding:1rem .75rem}.vesting-canvas{height:240px}.chart-metrics{grid-template-columns:1fr}.chart-metrics div,.chart-metrics div:first-child,.chart-metrics div:last-child{padding:.75rem 0}.chart-metrics div+div{border-left:0;border-top:1px solid var(--vesting-border)}.chart-metrics span{margin-bottom:.3rem}}}@media(prefers-reduced-motion:reduce){.team-vesting-chart .chart-snap-row button{transition:none}}
