.first-post{margin-bottom:44px}.tl{--tl-blue: #4a463f;--tl-pic: 34%}.tl-stage{position:relative;aspect-ratio:100 / 41;overflow-x:clip}.tl-pic{position:absolute;left:var(--c);width:calc(var(--tl-pic) * var(--s, 1));aspect-ratio:800 / 540;transform:translate(-50%);pointer-events:none}.tl-pic.hi{top:var(--dy, 0%)}.tl-pic.lo{top:37%}.tl-art{position:absolute;inset:0}.tl-art svg{overflow:visible}.tl-hit{position:absolute;inset:22% 22% 18%;pointer-events:auto;cursor:pointer}.tl-stem{position:absolute;left:var(--c);bottom:0;width:1px;margin-left:-.5px;background:var(--ink-2);opacity:.7;transform-origin:bottom;transition:opacity .4s var(--ease-out),background-color .4s var(--ease-out)}.tl-stem{height:var(--h, 12%)}.tl-stem.span{bottom:7px;height:calc(12% - 7px)}.tl-stem.on{background:var(--ink-2);opacity:1}.tl-line{position:absolute;left:0;right:3px;bottom:0;height:1px;background:var(--ink-2)}.tl-fill{position:absolute;inset:0;background:var(--ink-2);transform:scaleX(0);transform-origin:left}.tl-head{position:absolute;right:0;bottom:-5.5px;width:9px;height:12px;fill:none;stroke:var(--ink-2);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s var(--ease-out)}.tl-head.on{stroke:var(--tl-blue)}.tl-brace{position:absolute;left:var(--a);width:calc(var(--b) - var(--a));bottom:0;height:7px;border:1px solid var(--ink-2);border-bottom:0;opacity:.85;transition:opacity .4s var(--ease-out),border-color .4s var(--ease-out)}.tl-brace.on{border-color:var(--ink-2);opacity:1}.tl-tick{position:absolute;left:var(--c);top:100%;width:1px;height:5px;margin-left:-.5px;background:var(--ink-2);transition:background-color .25s var(--ease-out),transform .25s var(--ease-out);transform-origin:top}.tl-tick.on{background:var(--tl-blue);transform:scaleY(1.4)}.tl-dot{position:absolute;left:var(--c);bottom:0;width:7px;height:7px;margin:0 0 -3.5px -3.5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 1.25px var(--ink-2);transition:background-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}.tl-dot.done{background:var(--ink-2);box-shadow:inset 0 0 0 1.25px var(--ink-2)}.tl-dot.on{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--tl-blue)}.tl-run{position:absolute;left:0;bottom:0;width:0;height:0;will-change:transform}.tl-marker{position:absolute;left:-4.5px;top:-4.5px;width:9px;height:9px;border-radius:50%;background:var(--tl-blue);box-shadow:0 0 0 2.5px var(--bg);opacity:0}.tl-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:13px}.tl-lab{appearance:none;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;margin:0;padding:2px 1px 3px;border:0;border-radius:var(--radius-sm, 6px);background:none;color:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s var(--ease-out)}.tl-lab:active{transform:scale(.97)}.tl-lab:focus-visible{outline:1.5px solid var(--ink-2);outline-offset:1px}.tl-n{font:500 9.5px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink-3);transition:color .3s var(--ease-out)}.tl-title{font:600 12.5px/1.2 var(--font-sans);letter-spacing:var(--tracking);color:var(--ink-2);text-wrap:balance;transition:color .3s var(--ease-out)}.tl-lab[data-k="3"] .tl-title{white-space:nowrap}.tl-days{margin-top:1px;font:500 15px/1 Caveat,cursive;color:var(--ink-2);white-space:nowrap;transition:color .3s var(--ease-out)}.tl-lab.done .tl-title,.tl-lab.on .tl-title,.tl-lab.on .tl-days{color:var(--ink)}.tl-lab.on .tl-n{color:var(--tl-blue)}.tl-lab.done .tl-n{color:var(--ink-2)}.tl-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tl.still .tl-marker{display:none}.tl.still .tl-stem,.tl.still .tl-brace{background-color:var(--ink-2);opacity:1}.tl.still .tl-brace{background:none;border-color:var(--ink-2)}.tl.still .tl-dot{background:var(--ink-2);box-shadow:inset 0 0 0 1.25px var(--ink-2)}.tl.still .tl-head{stroke:var(--ink)}.tl.still .tl-title{color:var(--ink)}@media (max-width: 400px){.tl{--tl-pic: 36%}.tl-stage{aspect-ratio:100 / 44}.tl-lab{padding-inline:3px}.tl-title{font-size:11.5px}.tl-days{font-size:14px}}@media (prefers-reduced-motion: reduce){.tl-lab:active,.tl-tick.on{transform:none}}.tl-art svg :is(path,polygon,polyline,ellipse,circle,line,rect){vector-effect:non-scaling-stroke;stroke-width:.9px!important}