.ptl{--ptl-accent:var(--accent,var(--tone-violet));gap:12px;display:grid}.ptl-head{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.ptl-now{align-items:flex-end;gap:14px;min-width:0;display:flex}.ptl-year{font:650 clamp(44px, 6vw, 64px)/.9 var(--font-display);letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums;min-width:3.2ch}.ptl-meta{color:var(--muted);gap:2px;padding-bottom:4px;font-size:13px;display:grid}.ptl-meta b{color:var(--ink-2);font-weight:600}.ptl-zoom button{min-width:32px;font-weight:600}.ptl-stage{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card);isolation:isolate;position:relative;overflow:hidden}.ptl-watermark{z-index:0;font:700 clamp(96px, 16vw, 200px)/.8 var(--font-display);letter-spacing:-.06em;color:var(--ink);opacity:.045;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;position:absolute;inset:auto 18px 6px auto}.ptl-viewport{z-index:1;overscroll-behavior:contain;cursor:grab;touch-action:pan-x pan-y;background-image:radial-gradient(circle, color-mix(in srgb, var(--ink) 11%, transparent) 1px, transparent 1.2px);background-size:22px 22px;background-attachment:local;min-height:220px;max-height:min(68vh,640px);position:relative;overflow:auto}.ptl-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.ptl-board{position:relative}.ptl-ruler{z-index:4;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);cursor:ew-resize;touch-action:none;height:34px;position:sticky;top:0}.ptl-tick{font:500 11px/1 var(--font-mono);color:var(--faint);white-space:nowrap;pointer-events:none;padding-bottom:7px;position:absolute;bottom:0;transform:translate(-50%)}.ptl-tick:after{content:"";background:var(--line-strong);width:1px;height:4px;position:absolute;bottom:0;left:50%}.ptl-tick.is-major{color:var(--muted)}.ptl-fold{height:100%;font:500 10.5px/1 var(--font-mono);color:var(--faint);white-space:nowrap;place-items:center;display:grid;position:absolute;bottom:0;overflow:hidden}.ptl-fold-band{z-index:0;border-inline:1px dashed var(--line-strong);background:repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in srgb, var(--ink) 5%, transparent) 7px 8px);pointer-events:none;position:absolute;bottom:0}.ptl-today{border-left:1px dashed color-mix(in srgb, var(--tone-green) 55%, transparent);pointer-events:none;width:0;position:absolute;bottom:0}.ptl-lanes{inset-inline:0;z-index:1;position:absolute;bottom:0}.ptl-links{pointer-events:none;position:absolute;inset:0;overflow:visible}.ptl-links g{transition:opacity .35s var(--ease)}.ptl-links path{fill:none;stroke:var(--faint);stroke-width:1.4px;stroke-dasharray:4 4}.ptl-person{height:50px;color:var(--ink);text-align:left;cursor:pointer;transform-origin:0;transition:opacity .4s var(--ease), transform .4s var(--ease), filter .4s var(--ease);background:0 0;border:0;padding:0;position:absolute}.ptl-person.is-future{filter:grayscale();transform:translateY(6px)scale(.97)}.ptl-person.is-past{filter:grayscale(.85)}.ptl-person:focus-visible{filter:none;opacity:1!important}.ptl-person .ent-avatar{z-index:2;width:34px;height:34px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px color-mix(in srgb, var(--tone) 55%, transparent);transition:box-shadow .2s ease, transform .2s var(--ease);position:absolute;top:8px;left:-17px}.ptl-person .ent-avatar>span{font-size:12px}.ptl-person.is-alive .ent-avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--tone), 0 4px 16px -4px color-mix(in srgb, var(--tone) 60%, transparent)}.ptl-person:hover .ent-avatar,.ptl-person.is-selected .ent-avatar{transform:scale(1.08)}.ptl-person.is-selected .ent-avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ptl-accent)}.ptl-bar{width:var(--bar);background:color-mix(in srgb, var(--tone) 18%, transparent);border-radius:999px;height:6px;position:absolute;top:22px;left:0;overflow:hidden}.ptl-bar>span{width:calc(var(--lived) * 100%);border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 55%, transparent), var(--tone));height:100%;display:block}.ptl-person.is-circa .ptl-bar{-webkit-mask-image:linear-gradient(90deg,#0000,#000 36px);mask-image:linear-gradient(90deg,#0000,#000 36px)}.ptl-person.is-open .ptl-bar{-webkit-mask-image:linear-gradient(90deg,#000 60%,#0000);mask-image:linear-gradient(90deg,#000 60%,#0000)}.ptl-person.is-living .ptl-bar:after{content:"";background:var(--tone);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 25%, transparent);border-radius:50%;position:absolute;top:0;right:0}.ptl-name{letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px;position:absolute;top:1px;left:24px}.ptl-years{font:500 11.5px/16px var(--font-body);color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute;top:31px;left:24px}.ptl-person:hover .ptl-name{color:var(--ptl-accent)}.ptl-playhead{z-index:5;border-left:2px solid var(--ptl-accent);pointer-events:none;width:0;box-shadow:0 0 18px 1px color-mix(in srgb, var(--ptl-accent) 35%, transparent);position:absolute;top:0;bottom:0}.ptl-playhead>span{background:var(--ptl-accent);color:#fff;font:600 10.5px/1.4 var(--font-mono);white-space:nowrap;border-radius:999px;margin-left:-1px;padding:2px 6px;display:inline-block;position:sticky;top:7px;transform:translate(-50%)}.ptl-controls{align-items:center;gap:12px;display:flex}.ptl-play{flex:none;justify-content:center;min-width:84px}.ptl-speed{font-variant-numeric:tabular-nums;flex:none;justify-content:center;min-width:44px}.ptl-scrub{cursor:pointer;touch-action:none;border-radius:8px;flex:1;min-width:0;padding:4px 0 0}.ptl-scrub-track{background:var(--surface-3);border-radius:7px;height:26px;position:relative;overflow:hidden}.ptl-scrub-fold{background:repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in srgb, var(--ink) 9%, transparent) 4px 5px);position:absolute;top:0;bottom:0}.ptl-scrub-life{background:var(--tone);opacity:.7;border-radius:2px;min-width:3px;height:3px;position:absolute}.ptl-scrub-fill{background:color-mix(in srgb, var(--ptl-accent) 13%, transparent);pointer-events:none;position:absolute;inset:0 auto 0 0}.ptl-scrub-thumb{background:var(--ptl-accent);width:4px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ptl-accent) 25%, transparent);pointer-events:none;border-radius:2px;margin-left:-2px;position:absolute;top:-2px;bottom:-2px}.ptl-scrub:focus-visible .ptl-scrub-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--ptl-accent) 35%, transparent)}.ptl-scrub-ends{font:500 11px/1 var(--font-mono);color:var(--faint);justify-content:space-between;margin-top:4px;display:flex}.ptl-note{align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.ptl.is-playing .ptl-person,.ptl.is-playing .ptl-links g{transition-duration:.12s}.ptl.is-reduced .ptl-person,.ptl.is-reduced .ptl-links g,.ptl.is-reduced .ptl-person .ent-avatar{transition:none}.ptl.is-reduced .ptl-person.is-future{transform:none}@media (prefers-reduced-motion:reduce){.ptl-person,.ptl-links g,.ptl-person .ent-avatar{transition:none}.ptl-person.is-future{transform:none}}@media (width<=640px){.ptl-now{gap:10px}.ptl-viewport{max-height:62vh}.ptl-controls{flex-wrap:wrap;gap:8px}.ptl-scrub{flex-basis:100%;order:-1}.ptl-play{flex:1}}