.tl{--tl-strip-h:48px;--tl-head-h:58px;--tl-foot-h:52px;--tl-gutter:118px;--tl-label:108px;--tl-found:var(--kind-found,#2f6fdb);--tl-found-fg:var(--kind-found-fg,#fff);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--tl-strip-h) var(--tl-head-h) minmax(0, 1fr) var(--tl-foot-h);height:var(--tl-height,clamp(440px, calc(100dvh - 300px), 780px));border-block:1px solid var(--border);background:var(--background);direction:ltr;display:grid;position:relative}.tl:has(>.tl__pending-link){grid-template-rows:var(--tl-strip-h) var(--tl-head-h) auto minmax(0, 1fr) var(--tl-foot-h)}.tl__message{z-index:3;color:var(--muted);font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;text-align:center;place-content:center;margin:0;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.tl[data-state=error]{display:block}.tl__strip-frame{min-width:0;position:relative}.tl__strip-frame>.tl__strip{height:100%}.tl__strip{border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;touch-action:none;user-select:none;outline:none;position:relative;overflow:hidden}.tl__strip:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}.tl__strip[data-grip=start],.tl__strip[data-grip=end]{cursor:ew-resize}.tl__strip[data-grip=move]{cursor:grab}.tl__strip[data-dragging][data-grip=move]{cursor:grabbing}.tl__band{border-inline-end:1px solid var(--border);align-items:flex-start;padding:8px 0 0 9px;display:flex;position:absolute;inset-block:0;overflow:hidden}.tl__band span{color:var(--muted);font-family:var(--font-label);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:color var(--transition-fast);font-size:10px;font-weight:600;line-height:1.2}.tl__band:nth-child(odd){background:color-mix(in srgb, var(--foreground) 2%, transparent)}.tl__shut{z-index:3;border:0;border-inline-start:1px dashed var(--gold-border);background:repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in srgb, var(--gold) 13%, transparent) 5px 10px);cursor:pointer;transition:background-color var(--transition-fast);justify-content:flex-start;align-items:flex-start;padding:7px 0 0 8px;display:flex;position:absolute;inset-block:0;overflow:hidden}.tl__shut:before{content:"";background:color-mix(in srgb, var(--surface) 55%, transparent);position:absolute;inset:0}.tl__shut:hover{background-color:color-mix(in srgb, var(--gold) 12%, transparent)}.tl__shut:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.tl__shut-tag{color:var(--gold);font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;font-size:10px;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.tl__shut-tag svg{flex-shrink:0;width:10px;height:10px}@media (width<=640px){.tl__shut{padding-inline-start:5px}.tl__shut-tag{gap:0;font-size:0}.tl__shut-tag svg{width:11px;height:11px}}.tl__strip[data-band=prehistory] .tl__band[data-key=prehistory] span,.tl__strip[data-band=bronze] .tl__band[data-key=bronze] span,.tl__strip[data-band=antiquity] .tl__band[data-key=antiquity] span,.tl__strip[data-band=medieval] .tl__band[data-key=medieval] span,.tl__strip[data-band=earlyModern] .tl__band[data-key=earlyModern] span,.tl__strip[data-band=modern] .tl__band[data-key=modern] span{color:var(--foreground)}.tl__shut{container-type:inline-size}@container (width<=120px){.tl__shut-tag{gap:0;margin-inline:auto 6px;font-size:0}.tl__shut-tag svg{width:11px;height:11px}}.tl__profile{pointer-events:none;width:100%;height:62%;position:absolute;inset:auto 0 0}.tl__profile path{fill:color-mix(in srgb, var(--foreground) 9%, transparent)}.tl__profile--lit path{fill:color-mix(in srgb, var(--gold) 42%, transparent)}.tl__window{border:1.5px solid var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent);min-width:4px;box-shadow:0 0 0 1px color-mix(in srgb, var(--background) 70%, transparent);pointer-events:none;border-radius:3px;position:absolute;inset-block:2px;container-type:inline-size}.tl__grip{background:var(--gold);opacity:0;width:3px;height:14px;transition:opacity var(--transition-fast);border-radius:2px;margin-block-start:-7px;position:absolute;inset-block-start:50%}.tl__grip[data-edge=start]{inset-inline-start:3px}.tl__grip[data-edge=end]{inset-inline-end:3px}.tl__strip:hover .tl__grip,.tl__strip:focus-visible .tl__grip{opacity:.5}.tl__strip[data-grip=start] .tl__grip[data-edge=start],.tl__strip[data-grip=end] .tl__grip[data-edge=end]{opacity:1}@media (hover:none){.tl__grip{opacity:.5}}@container (width<=26px){.tl__grip{display:none}}.tl__strip-marker{background:var(--gold);pointer-events:none;width:1px;position:absolute;inset-block:0}.tl__ghost{border:1px dashed color-mix(in srgb, var(--gold) 75%, transparent);pointer-events:none;opacity:0;border-radius:3px;min-width:4px;position:absolute;inset-block:2px}.tl__probe{background:var(--foreground);color:var(--background);font-family:var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;pointer-events:none;opacity:0;border-radius:3px;padding:1px 6px;font-size:10.5px;font-weight:600;line-height:15px;position:absolute;inset-block-end:5px;transform:translate(-50%)}.tl__strip[data-probe] .tl__ghost,.tl__strip[data-probe] .tl__probe{opacity:1}.tl__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding-inline:clamp(12px,2vw,22px);display:flex}.tl__readout{align-items:baseline;gap:9px;min-width:0;display:flex}.tl__year{color:var(--foreground);font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:clamp(26px,3.4vw,34px);font-weight:700;line-height:1}.tl__suffix{color:var(--gold);font-family:var(--font-label);letter-spacing:.14em;font-size:12px;font-weight:600}.tl__era{color:var(--muted);font-family:var(--font-label);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.tl__tools{flex-shrink:0;align-items:center;gap:12px;display:flex}.tl__atlas{color:var(--foreground-muted);font-family:var(--font-label);white-space:nowrap;font-size:12px}.tl__atlas:hover{color:var(--gold)}.tl__zoomlabel{color:var(--muted);font-family:var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;font-size:11px}.tl__zoom{border:1px solid var(--border-strong);border-radius:var(--radius-s);display:flex;overflow:hidden}.tl__zoom button{border:0;border-inline-end:1px solid var(--border);background:var(--surface);width:34px;height:32px;color:var(--foreground-muted);transition:background var(--transition-fast), color var(--transition-fast);place-content:center;font-size:15px;line-height:1;display:grid}.tl__zoom button:last-child{border-inline-end:0}.tl__zoom svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.tl__zoom button:hover:not(:disabled){background:var(--surface-hover);color:var(--gold)}.tl__zoom button:disabled{opacity:.4;cursor:default}.tl__frame{cursor:grab;touch-action:pan-y;user-select:none;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.tl__frame:active{cursor:grabbing}.tl__frame:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.tl__axis{border-bottom:1px solid var(--border);will-change:transform;flex-shrink:0;height:24px;position:relative}.tl__tick{border-inline-start:1px solid var(--border-strong);color:var(--muted);font-family:var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;padding-inline-start:5px;font-size:10.5px;line-height:14px;position:absolute;inset-block-start:5px}.tl__lanes{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden auto}.tl__lanes[data-overflow=below]{-webkit-mask-image:linear-gradient(#000 calc(100% - 30px),#0000);mask-image:linear-gradient(#000 calc(100% - 30px),#0000)}.tl__lanes[data-overflow=above]{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 30px),#0000);mask-image:linear-gradient(0deg,#000 calc(100% - 30px),#0000)}.tl__lanes[data-overflow=both]{-webkit-mask-image:linear-gradient(#0000,#000 30px calc(100% - 30px),#0000);mask-image:linear-gradient(#0000,#000 30px calc(100% - 30px),#0000)}.tl__layer{will-change:transform;--tl-edge:0px;flex-direction:column;grid-area:1/1;display:flex;position:relative}.tl__gridline{background:var(--border);opacity:.45;width:1px;position:absolute;inset-block:0}.tl__lane{border-bottom:1px solid var(--border);flex-direction:column;flex:1 0 auto;justify-content:center;gap:4px;padding-block:9px;display:flex;position:relative}.tl__row{height:24px;position:relative}.tl__empty{color:var(--muted);font-family:var(--font-label);letter-spacing:.08em;text-transform:lowercase;white-space:nowrap;margin:0;padding-inline-start:calc(var(--tl-gutter) + 8px);font-size:11px;line-height:24px}.tl__bar{background:var(--bar,var(--kind-polity));color:var(--bar-fg,var(--kind-polity-fg));cursor:pointer;border-radius:2px;align-items:center;text-decoration:none;transition:filter .12s,box-shadow .12s;display:flex;position:absolute;inset-block:0;overflow:visible}.tl__bar[data-kind=polity]{--bar:var(--kind-polity);--bar-fg:var(--kind-polity-fg)}.tl__bar[data-kind=war]{--bar:var(--kind-war);--bar-fg:var(--kind-war-fg)}.tl__bar[data-kind=landmark]{--bar:var(--kind-landmark);--bar-fg:var(--kind-landmark-fg)}.tl__bar[data-kind=figure]{--bar:var(--kind-figure);--bar-fg:var(--kind-figure-fg)}.tl__bar[data-kind=route]{--bar:var(--kind-route);--bar-fg:var(--kind-route-fg)}.tl__bar:hover,.tl__bar:focus-visible{color:var(--bar-fg,var(--kind-polity-fg));filter:brightness(1.18);box-shadow:0 0 0 1px var(--gold);z-index:2;outline:none}.tl__bar[data-open]{border-start-end-radius:0;border-end-end-radius:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000)}.tl__barlabel{pointer-events:none;font-family:var(--font-body);letter-spacing:.005em;white-space:nowrap;text-overflow:ellipsis;margin-inline-start:clamp(0px, calc(var(--tl-edge,0px) + var(--tl-gutter) - var(--bl,0px)), calc(var(--bw,0px) - var(--tl-label)));padding-inline:8px;font-size:12px;font-weight:500;line-height:24px;overflow:hidden}.tl__barlabel--outside{color:var(--foreground-muted);max-width:190px;margin-inline-start:0;font-size:11px;position:absolute;inset-inline-start:calc(100% + 6px)}.tl__gutter{z-index:2;width:var(--tl-gutter);pointer-events:none;flex-direction:column;grid-area:1/1;justify-self:start;display:flex}.tl__lanename{background:linear-gradient(to right, var(--background) 0%, var(--background) 58%, color-mix(in srgb, var(--background) 55%, transparent) 84%, transparent 100%);border-bottom:1px solid #0000;flex:1 0 auto;align-items:center;padding-block:9px;display:flex}.tl__lanename span{color:var(--foreground-muted);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:3px 9px 3px clamp(8px,1.4vw,14px);font-size:10px;font-weight:600;line-height:1.4}.tl__playhead{z-index:3;background:var(--gold);opacity:.85;pointer-events:none;grid-area:1/1;justify-self:center;width:1px;position:relative}.tl__playhead:before{content:"";background:var(--gold);width:7px;height:7px;position:absolute;inset-block-start:0;inset-inline-start:-3px}.tl__pin{z-index:3;border-inline:1.5px solid var(--tl-found);background:color-mix(in srgb, var(--tl-found) 11%, transparent);pointer-events:none;min-width:2px;animation:.7s ease-out tl-pin-land;position:absolute;inset-block:0}.tl__pin[data-point]{background:var(--tl-found);width:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tl-found) 18%, transparent);border:0;margin-inline-start:-1px}@keyframes tl-pin-land{0%{opacity:0}to{opacity:1}}.tl__pinrail{z-index:4;pointer-events:none;will-change:transform;height:24px;position:absolute;inset-block-start:0;inset-inline-start:0}.tl__pinflag{background:var(--tl-found);max-width:240px;height:18px;color:var(--tl-found-fg);font-family:var(--font-label);letter-spacing:.02em;white-space:nowrap;cursor:pointer;pointer-events:auto;border:0;border-radius:0 3px 3px 0;align-items:center;margin-inline-start:-1px;padding:0 8px 0 7px;font-size:11px;font-weight:600;line-height:18px;animation:1.4s ease-out tl-pin-flag;display:flex;position:absolute;inset-block-start:3px;box-shadow:0 1px 3px #00000040}.tl__pinflag span{text-overflow:ellipsis;overflow:hidden}.tl__pinflag:focus-visible{outline:2px solid var(--foreground);outline-offset:1px}.tl__pinflag[aria-expanded=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--tl-found) 35%, transparent)}@keyframes tl-pin-flag{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tl-found) 60%, transparent)}to{box-shadow:0 0 0 12px #0000}}.tl__pincard{z-index:6;border:1px solid var(--border-strong);border-block-start:3px solid var(--tl-found);border-radius:var(--radius-s);background:var(--surface-elevated);width:min(300px,100% - 16px);box-shadow:var(--shadow-lg);cursor:auto;user-select:text;opacity:0;visibility:hidden;gap:4px;padding:10px 13px 12px;transition:opacity .16s,visibility 0s linear .16s;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.tl__pincard[data-open]:not([data-away]){opacity:1;visibility:visible;transition:opacity .16s}.tl__pincard-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tl__pincard-kicker{color:var(--muted);font-family:var(--font-label);align-items:center;gap:6px;padding-top:3px;font-size:11.5px;font-weight:500;line-height:1.3;display:inline-flex}.tl__pincard-kicker:before{content:"";background:var(--tl-found);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tl__pincard-close{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-content:center;margin:-4px -7px 0 0;display:grid}.tl__pincard-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.tl__pincard-close:hover{background:var(--surface-hover);color:var(--foreground)}.tl__pincard-name{color:var(--foreground);font-family:var(--font-heading);font-size:17px;font-weight:600;line-height:1.2}.tl__pincard-desc{color:var(--foreground-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.tl__pincard-when{color:var(--gold);font-family:var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:12px}.tl__pincard-meanwhile{border-top:1px solid var(--border);gap:5px;margin-top:6px;padding-top:9px;display:grid}.tl__pincard-label{color:var(--muted);font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600}.tl__pincard-meanwhile ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.tl__pincard-meanwhile a{color:var(--foreground);border-radius:3px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;margin-inline:-5px;padding:4px 5px;font-size:12.5px;line-height:1.3;display:grid}.tl__pincard-meanwhile a:hover{background:var(--surface-hover);color:var(--foreground)}.tl__pincard-record{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl__pincard-years{color:var(--muted);font-family:var(--font-label);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.tl__pincard-links{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:6px;display:flex}.tl__pincard-read,.tl__pincard-out{font-family:var(--font-label);letter-spacing:.03em;font-size:12px;font-weight:600}.tl__pincard-read{color:var(--gold)}.tl__pincard-read:hover{color:var(--gold-light)}.tl__pincard-out{color:var(--muted)}.tl__pincard-out:hover{color:var(--foreground)}.tl__pinchip{z-index:5;background:var(--tl-found);max-width:230px;height:28px;color:var(--tl-found-fg);font-family:var(--font-label);white-space:nowrap;box-shadow:var(--shadow-md);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;font-weight:600;display:none;position:absolute;inset-block-start:34px}.tl__pinchip[data-side]{display:inline-flex}.tl__pinchip[data-side=before]{inset-inline-start:calc(var(--tl-gutter) + 8px)}.tl__pinchip[data-side=after]{inset-inline-end:12px}.tl__pinchip[data-side=before]:before{content:"←"}.tl__pinchip[data-side=after]:after{content:"→"}.tl__pinchip-name{text-overflow:ellipsis;overflow:hidden}.tl__pinchip:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.tl__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tl__extent{border-inline:1px solid var(--gold);border-block-end:2px solid var(--gold);background:linear-gradient(to top, color-mix(in srgb, var(--gold) 22%, transparent), transparent 85%);pointer-events:none;opacity:0;transition:opacity .12s;position:absolute;inset-block:0 -1px}.tl__extent[data-open]{opacity:1}.tl__guide{z-index:4;pointer-events:none;opacity:0;width:0;position:absolute;inset-block:0;inset-inline-start:0}.tl__guide[data-open]{opacity:1}.tl__guide:after{content:"";border-inline-start:1px dashed color-mix(in srgb, var(--foreground) 32%, transparent);position:absolute;inset-block:24px 0;inset-inline-start:0}.tl__guide span{background:var(--foreground);color:var(--background);font-family:var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;border-radius:3px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:16px;position:absolute;inset-block-start:4px;transform:translate(-50%)}.tl__card{z-index:5;border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface-elevated);width:max-content;max-width:min(300px,100% - 16px);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;gap:3px;padding:8px 12px 9px;transition:opacity .11s,visibility 0s linear .11s;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}.tl__card[data-open]{opacity:1;visibility:visible;transition:opacity .11s}.tl__card-kind{color:var(--muted);font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.tl__card-name{color:var(--foreground);font-family:var(--font-heading);font-size:15px;font-weight:600;line-height:1.25}.tl__card-dates{color:var(--gold);font-family:var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:12px}.tl__foot{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding-inline:clamp(12px,2vw,22px);display:flex}.tl__moment{min-width:0}.tl__moment a{align-items:baseline;gap:12px;min-width:0;display:flex}.tl__moment-label{color:var(--muted);font-family:var(--font-label);letter-spacing:.13em;text-transform:uppercase;flex-shrink:0;font-size:10px;font-weight:600}.tl__moment-year{color:var(--gold);font-family:var(--font-label);font-variant-numeric:tabular-nums;letter-spacing:.06em;flex-shrink:0;font-size:12px}.tl__moment-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tl__moment a:hover .tl__moment-name{color:var(--gold)}.tl__moment-empty{color:var(--muted);font-size:13px}.tl__legend{flex-shrink:0;align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.tl__legend li{color:var(--muted);font-family:var(--font-label);letter-spacing:.06em;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.tl__swatch{background:var(--kind-polity);flex-shrink:0;width:9px;height:9px}.tl__swatch[data-kind=war]{background:var(--kind-war)}.tl__swatch[data-kind=landmark]{background:var(--kind-landmark)}.tl__swatch[data-kind=figure]{background:var(--kind-figure)}.tl__swatch[data-kind=route]{background:var(--kind-route)}.tl__jumps{flex-shrink:0;gap:8px;display:flex}.tl__jump{border:1px solid var(--border);border-radius:var(--radius-s);min-height:32px;color:var(--foreground-muted);font-family:var(--font-label);letter-spacing:.04em;white-space:nowrap;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;align-items:center;padding:5px 11px;font-size:11.5px;display:inline-flex}.tl__jump:hover{border-color:var(--gold);color:var(--gold)}.tl__lock{flex-shrink:0;width:11px;height:11px;margin-inline-end:6px}.tl__jump:not([data-locked]) .tl__lock{display:none}.tl__jump[data-locked]{border-style:dashed;border-color:var(--gold-border);color:var(--gold)}.tl__jump[data-locked]:hover{background:color-mix(in srgb, var(--gold) 12%, transparent)}.tl__hint{z-index:4;border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface-elevated);max-width:calc(100% - 24px);box-shadow:var(--shadow-md);color:var(--foreground-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;margin:0;padding:7px 8px 7px 14px;font-size:12.5px;display:flex;position:absolute;inset-block-end:calc(var(--tl-foot-h) + 10px);inset-inline-end:12px;overflow:hidden}.tl__hint button{width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:3px;flex-shrink:0;font-size:16px;line-height:1}.tl__hint button:hover{color:var(--foreground);background:var(--surface-hover)}@media (width<=1180px){.tl__legend{display:none}}@media (width<=720px){.tl__tools .tl__atlas,.tl__zoomlabel,.tl__moment-label{display:none}.tl{--tl-gutter:92px}.tl__hint{padding-inline-start:11px;font-size:11.5px}}@media (width<=560px){.tl__band span{display:none}.tl__era{letter-spacing:.1em;font-size:10px}}@media (width<=420px){.tl{--tl-head-h:52px}.tl__head{padding-inline:10px}.tl__readout{gap:7px}.tl__zoom button{width:32px}.tl__jump{padding-inline:9px;font-size:11px}.tl__moment-year{font-size:11px}}@media (prefers-reduced-motion:reduce){.tl__window,.tl__bar,.tl__card,.tl__extent,.tl__pincard{transition:none}.tl__pin,.tl__pinflag{animation:none}}.tl__bar[data-linked]{outline:2px solid var(--foreground);outline-offset:2px}.tl__linked-record{z-index:12;border:1px solid var(--border);background:var(--surface);max-width:min(340px,100% - 90px);color:var(--foreground);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:absolute;inset-block-start:34px;inset-inline-end:12px;box-shadow:0 4px 20px #0002}.tl__linked-record a{color:inherit;text-decoration:none}.tl__linked-record strong,.tl__linked-record span{display:block}.tl__linked-record span{margin-top:4px;font-size:12px}.tl__linked-record button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:22px}.tl__pending-link{background:var(--surface-elevated);border-block:1px solid var(--border);color:var(--foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 12px;font-size:12px;display:flex}.tl__pending-link button{border:1px solid var(--border);background:var(--surface);color:var(--foreground);cursor:pointer;border-radius:5px;flex-shrink:0;padding:5px 9px}.tl__linked-record .tl__linked-atlas{color:var(--gold);margin-top:8px;font-size:12px;text-decoration:underline;display:block}.tl__lifeband{z-index:2;background:color-mix(in srgb,var(--gold) 9%,transparent);border-inline:1px solid color-mix(in srgb,var(--gold) 45%,transparent);pointer-events:none;position:absolute;inset-block:0}.tl__lifeband[data-soft-start]{mask-image:linear-gradient(90deg,#0000,#000 24px)}.tl__lifeband[data-soft-end]{mask-image:linear-gradient(270deg,#0000,#000 24px)}.tl__lifeband[data-soft-start][data-soft-end]{mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.tl__lifeflag{box-sizing:border-box;border:1px solid var(--gold);background:var(--surface);block-size:18px;color:var(--foreground);font:11px/16px var(--font-label);white-space:nowrap;pointer-events:none;border-radius:3px;padding-inline:5px;position:absolute;inset-block-start:4px}.tl__lifeflag[data-yield]{visibility:hidden}.tl__lifechip{z-index:5;max-inline-size:calc(100% - var(--tl-gutter) - 24px);border:1px solid var(--gold);background:var(--surface);min-block-size:32px;color:var(--foreground);font:12px var(--font-label);cursor:pointer;border-radius:5px;padding:6px 10px;text-decoration:none;display:none;position:absolute;inset-block-start:68px;inset-inline-start:calc(var(--tl-gutter) + 8px)}.tl__lifechip[data-side],.tl__lifechip[data-outside]{align-items:center;gap:6px;display:inline-flex}.tl__lifechip[data-away=right]{inset-block:auto 12px;inset-inline:auto 8px}.tl__lifechip[data-side=before]:before{content:"←"}.tl__lifechip[data-side=after]:before{content:"→"}.tl__lifeband,.tl__lifeflag,.tl__lifechip{transition:opacity var(--hq-dur-ui,.25s)}.tl__lifeband[data-leaving],.tl__lifeflag[data-leaving],.tl__lifechip[data-leaving]{opacity:0}.tl__ask{border:1px solid var(--border);min-block-size:32px;color:var(--foreground);background:var(--surface);font:12px var(--font-label);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.tl__ask:focus-visible,.tl__lifechip:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.tl__living-note,.tl__ask-glyph{display:none}.tl__living-note{clip:rect(0,0,0,0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.tl__moment[data-living]{align-items:center;gap:8px;min-inline-size:0;display:flex}.tl__moment[data-living]>a{min-inline-size:0}.tl__moment[data-living] .tl__moment-name{min-inline-size:6ch}.tl__living-status{color:var(--foreground);background:var(--surface);font:12px var(--font-label);position:absolute;inset-block-end:60px;inset-inline-start:12px}.tl__living-status:empty{display:none}@media (pointer:coarse){.tl__ask,.tl__lifechip{min-block-size:44px}}@media (width<=560px){.tl__moment .tl__ask{block-size:44px;inline-size:44px;padding:0}.tl__moment .tl__ask-text{clip:rect(0,0,0,0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tl__moment .tl__ask-glyph{font-size:20px;display:inline}}@media (prefers-reduced-motion:reduce){.tl__lifeband,.tl__lifeflag,.tl__lifechip{transition:none}}.canvas-stage{--tl-height:max(440px, calc(100dvh - 72px));width:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-canvas .sr-only,.page-canvas .tl__sr,.page-canvas .tl__living-note{margin:0;left:0}body.page-canvas{overflow:hidden}