.tl{--tl-hand:var(--energy-empty);--tl-ink:var(--ink);--tl-spine-x:28px;--tl-p:0;padding-block:clamp(96px,12vw,160px) clamp(64px,8vw,120px);position:relative;overflow-x:clip}.tl-hand{color:var(--tl-hand);font-family:Caveat,Bradley Hand,cursive;font-weight:600;line-height:1.05}.tl-head{gap:20px;max-width:920px;margin-bottom:clamp(56px,8vw,110px);display:grid}.tl-kicker{transform-origin:0;font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);rotate:-2deg}.tl-head .lede{max-width:38em}.tl-scroll-cue{align-items:center;gap:8px;margin-top:12px;margin-bottom:24px;font-size:1.5rem;display:inline-flex}.tl-scroll-cue svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;animation:tl-bob 2.4s var(--ease-in-out) infinite}@keyframes tl-bob{50%{translate:0 6px}}.tl-rail{z-index:5;opacity:0;transition:opacity var(--d-reveal) var(--ease-out);pointer-events:none;flex-direction:column;gap:4px;display:none;position:fixed;top:50%;left:clamp(12px,2vw,32px);translate:0 -50%}.tl--rail-on .tl-rail{opacity:1;pointer-events:auto}.tl-rail a{font:600 .78rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);transition:color var(--d-state), background var(--d-state);border-radius:999px;padding:7px 10px;text-decoration:none}.tl-rail a:hover{color:var(--ink)}.tl-rail a.is-on{color:var(--on-accent);background:var(--accent)}@media (min-width:1360px){.tl-rail{display:flex}}.tl .tl-track{padding:0 var(--gutter) 0 calc(var(--gutter) + var(--tl-spine-x) + 36px);gap:clamp(88px,12vw,168px);max-width:1200px;margin:0 auto;list-style:none;display:grid;position:relative}.tl-spine{left:calc(var(--gutter) + var(--tl-spine-x));background:repeating-linear-gradient(to bottom, var(--line-soft) 0 6px, transparent 6px 12px);width:2px;position:absolute;top:0;bottom:0}.tl-spine span{background:var(--accent);transform-origin:top;scale:1 var(--tl-p);border-radius:2px;position:absolute;inset:0}.tl-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid;position:relative}.tl-entry--flip .tl-visual{order:-1}.tl-dot{background:var(--bg);border:2px solid var(--line-strong);width:16px;height:16px;transition:background var(--d-state), border-color var(--d-state), scale var(--d-state) var(--ease-out);border-radius:50%;position:absolute;top:10px;left:-43px}.tl-entry.is-in .tl-dot{border-color:var(--accent)}.tl-entry.is-current .tl-dot{background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 18%, transparent);scale:1.25}.tl-entry--none{grid-template-columns:minmax(0,1fr);max-width:40em}.tl-date{color:var(--tl-hand);transform-origin:0;margin:0 0 6px;font-family:Caveat,cursive;font-size:clamp(1.5rem,1.2rem + .8vw,2rem);font-weight:700;rotate:-1.5deg}.tl-title{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;margin:0 0 16px;font-size:clamp(1.9rem,1.3rem + 1.8vw,2.9rem);font-weight:400;line-height:1.05}.tl-body{color:var(--ink-2);white-space:pre-line;max-width:34em;margin:0 0 14px;font-size:1.08rem;line-height:1.65}.tl-visual{justify-items:center;display:grid;position:relative}.tl[data-fx=on] .tl-entry .tl-text,.tl[data-fx=on] .tl-entry .tl-visual{opacity:0;transition:opacity .7s var(--ease-out), translate .9s var(--ease-out);translate:0 28px}.tl[data-fx=on] .tl-entry .tl-visual{transition-delay:.12s}.tl[data-fx=on] .tl-entry.is-in .tl-text,.tl[data-fx=on] .tl-entry.is-in .tl-visual{opacity:1;translate:0}.tl-ink,.tl-ink *{fill:none;stroke:var(--tl-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tl-ink .faint{stroke:var(--line-strong);stroke-width:2px}.tl-sticky{color:#3a3200;background:#fff3b8;width:min(320px,100%);margin:0;padding:34px 28px 40px;font-size:2rem;position:relative;rotate:2.5deg;box-shadow:0 1px #0000000d,0 22px 38px -24px #3c32008c}.tl-sticky:before{content:"";background:#ffffff8c;width:92px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #00000014}.tl-ten{justify-items:center;width:min(300px,80%);display:grid;position:relative}.tl-ten svg{width:100%;rotate:-2deg}.tl-ten-bg{fill:none;stroke:var(--surface-2);stroke-width:14px}.tl-ten-fg{fill:none;stroke:var(--accent);stroke-width:14px;stroke-linecap:round;transform-origin:90px 90px;transform:rotate(-90deg)}.tl-ten-dot{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5px;transition:r var(--d-state) var(--ease-out)}.tl-ten-dot.is-on{fill:var(--cta);stroke:var(--cta)}.tl-ten-label{font:600 .85rem/1.2 var(--sans);color:var(--ink-2);justify-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -60%}.tl-ten-n{font:800 3.4rem/1 var(--sans);color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tl-ten-note{text-align:center;margin:10px 0 0;font-size:1.7rem;rotate:-3deg}.tl-phases{justify-items:center;width:min(360px,100%);display:grid}.tl-phases svg{width:100%;overflow:visible}.tl-phase{stroke:var(--tl-ink);stroke-width:2px;cursor:pointer;transition:translate var(--d-state) var(--ease-out), opacity var(--d-state)}.tl-phase--period{fill:var(--phase-period)}.tl-phase--follicular{fill:var(--phase-follicular)}.tl-phase--ovulation{fill:var(--phase-ovulation)}.tl-phase--luteal{fill:var(--phase-luteal)}.tl-phase.is-on{stroke-width:3.5px}.tl-phase-c{font:700 13px var(--sans);fill:var(--ink)}.tl-phase-c2{font:500 10px var(--sans);fill:var(--ink-3)}.tl-scribble{fill:none;stroke:var(--tl-hand);stroke-width:5px;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320px;pointer-events:none;transition:stroke-dashoffset .9s var(--ease-in-out) .9s}.tl-scribble--2{transition-delay:1.5s}.tl-phases.is-drawn .tl-scribble{stroke-dashoffset:0}.tl-phase-tip{min-height:1.4em;font:600 .95rem var(--sans);color:var(--ink-2);margin:4px 0 0}.tl-phases-note{opacity:0;margin:2px 0 0;font-size:2rem;transition:opacity .4s 2s;rotate:-4deg}.tl-phases.is-drawn .tl-phases-note{opacity:1}.tl-qcard{all:unset;cursor:pointer;aspect-ratio:5/3.4;perspective:900px;width:min(340px,100%);display:grid;rotate:-2deg}.tl-qcard:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:var(--radius-lg)}.tl-qcard-face{border-radius:var(--radius-lg);backface-visibility:hidden;transition:transform .7s var(--ease-in-out);box-shadow:var(--shadow-float);grid-area:1/1;align-content:center;gap:10px;padding:26px 28px;display:grid}.tl-qcard-front{background:repeating-linear-gradient(to bottom, transparent 0 31px, color-mix(in srgb, var(--accent) 16%, transparent) 31px 32px), var(--surface);border:1px solid var(--line)}.tl-qcard-back{background:var(--accent);color:var(--on-accent);font:600 1.05rem/1.45 var(--sans);justify-items:start;transform:rotateY(180deg)}.tl-qcard.is-flipped .tl-qcard-front{transform:rotateY(-180deg)}.tl-qcard.is-flipped .tl-qcard-back{transform:rotateY(0)}.tl-qcard-n{font:700 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.tl-qcard-q{font:400 1.75rem/1.15 var(--serif);color:var(--ink)}.tl-qcard-hint{color:var(--tl-hand);font-family:Caveat,cursive;font-size:1.3rem}.tl-mug{width:min(360px,100%);margin:0;position:relative}.tl-mug svg{width:100%;overflow:visible}.tl-mug-fill{fill:var(--warm-bg)!important}.tl-steam path{fill:none;stroke:var(--line-strong);stroke-width:2.5px;stroke-linecap:round;opacity:.7;animation:3.2s ease-in-out infinite tl-steam}.tl-steam path:nth-child(2){animation-delay:.6s}.tl-steam path:nth-child(3){animation-delay:1.2s}@keyframes tl-steam{0%{opacity:0;translate:0 8px}40%{opacity:.8}to{opacity:0;translate:0 -14px}}.tl-mug-tags{margin:0;padding:0;list-style:none}.tl-mug-tags li{font-size:1.6rem;position:absolute}.tl-mug-tags li:first-child{top:38%;left:-4%;rotate:-8deg}.tl-mug-tags li:nth-child(2){top:30%;right:-6%;rotate:6deg}.tl-mug-tags li:nth-child(3){bottom:6%;left:0;rotate:4deg}.tl-mug-tags li:nth-child(4){bottom:10%;right:-2%;rotate:-5deg}.tl-system{background:var(--surface);border-radius:var(--radius-xl);width:min(380px,100%);box-shadow:var(--shadow-float);border:1px solid var(--line);margin:0;padding:26px 26px 22px;position:relative;rotate:1.2deg}.tl-system ol{gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.tl-system ol:before{content:"";border-left:2px dashed var(--line-soft);position:absolute;top:10px;bottom:10px;left:8px}.tl-system li{font:600 1rem/1.3 var(--sans);align-items:center;gap:14px;display:flex;position:relative}.tl-system-dot{background:var(--surface-2);border:2px solid var(--accent);z-index:1;border-radius:50%;flex:none;width:18px;height:18px}.tl-entry.is-in .tl-system-dot{animation:tl-pop .5s var(--ease-out) both;animation-delay:calc(.4s + var(--n) * .18s)}@keyframes tl-pop{0%{background:var(--surface-2);scale:.4}60%{scale:1.25}to{background:var(--accent);scale:1}}.tl-system-wall{border-top:2px solid var(--ink);color:var(--accent);align-items:center;gap:8px;margin:18px 0 0;padding-top:14px;display:flex}.tl-system figcaption{margin-top:6px;font-size:1.6rem}.tl-quote{max-width:30em;margin:0;padding:8px 0 26px;position:relative}.tl-quote p{font:400 clamp(1.6rem, 1.2rem + 1.2vw, 2.3rem) / 1.2 var(--serif);text-wrap:balance;margin:0 0 14px}.tl-quote p:before{content:"“";color:var(--tl-hand);margin-right:.04em}.tl-quote p:after{content:"”";color:var(--tl-hand)}.tl-quote cite{font:600 .95rem var(--sans);color:var(--ink-3);font-style:normal}.tl-quote cite.tl-hand{color:var(--tl-hand);font-family:Caveat,cursive;font-size:2rem}.tl-underline{width:70%;height:16px;position:absolute;bottom:0;left:0}.tl-underline path{fill:none;stroke:var(--tl-hand);stroke-width:4px;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320px;transition:stroke-dashoffset .9s var(--ease-in-out) .5s}.tl-entry.is-in .tl-underline path,.tl:not([data-fx=on]) .tl-underline path{stroke-dashoffset:0}.tl-quote--tagline{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);padding:34px 34px 40px;rotate:-1deg}.tl-quote--tagline p:before,.tl-quote--tagline p:after{color:inherit;opacity:.6}.tl-quote--tagline cite.tl-hand{color:var(--on-accent);opacity:.85}.tl-quote--tagline .tl-underline{display:none}.tl-names{justify-items:center;gap:18px;display:grid}.tl-clock{font:700 1rem var(--sans);color:var(--ink-2);align-items:center;gap:10px;display:flex}.tl-clock svg{fill:none;width:34px;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round}.tl-names-list{justify-items:center;gap:4px;margin:0;padding:0;list-style:none;display:grid}.tl-names-list li{font:400 clamp(2.4rem, 1.6rem + 2.4vw, 3.6rem) / 1.1 var(--serif);opacity:.25;position:relative}.tl-names-list.is-go li{animation:tl-name-in .4s var(--ease-out) forwards;animation-delay:calc(var(--n) * 1.1s)}@keyframes tl-name-in{to{opacity:1}}.tl-names-list li.is-struck{color:var(--ink-3)}.tl-names-list li.is-final span{font-family:var(--sans);letter-spacing:-.04em;color:var(--accent);font-weight:800}.tl-names-list svg{width:116%;height:.5em;position:absolute;top:.35em;left:-8%;overflow:visible}.tl-names-list li.is-final svg{height:.4em;top:auto;bottom:-.25em}.tl-names-list path{fill:none;stroke:var(--tl-hand);stroke-width:5px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px}.tl-names-list.is-go path{animation:tl-draw .5s var(--ease-in-out) forwards;animation-delay:calc(var(--n) * 1.1s + .7s)}.tl-names-list.is-go li.is-final path{animation-delay:calc(var(--n) * 1.1s + .4s)}@keyframes tl-draw{to{stroke-dashoffset:0}}.tl-replay{all:unset;cursor:pointer;color:var(--ink-3);text-underline-offset:3px;font-family:Caveat,cursive;font-size:1.3rem;text-decoration:underline}.tl-replay:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.tl-chat{justify-items:center;gap:12px;width:min(300px,80%);margin:0;display:grid}.tl-chat figcaption{font-size:1.35rem;rotate:-2deg}.tl-old-phone{aspect-ratio:390/844;width:100%;box-shadow:var(--shadow-float);background:#0e1414;border-radius:13%/6%;padding:2.4%}.tl-old-phone>.tl-old{border-radius:11%/5.1%}.tl-old{--o-teal:#498b8c;--o-ink:#2d3436;--o-muted:#b2bec3;--o-sep:#f0f0f0;height:100%;color:var(--o-ink);text-align:left;background:#fff;grid-template-rows:auto 1fr auto auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid;overflow:hidden;container-type:inline-size}.tl-old-head{text-align:center;letter-spacing:.1em;border-bottom:1px solid var(--o-sep);margin:0;padding:16cqw 0 4cqw;font-size:5.6cqw;font-weight:300}.tl-old-msgs{flex-direction:column;gap:3cqw;padding:4.5cqw;display:flex}.tl-old-bub{background:#f5f7f8;border-radius:5cqw 5cqw 5cqw 1.2cqw;max-width:80%;min-height:1.38em;margin:0;padding:3.8cqw;font-size:4.4cqw;line-height:1.38}.tl-old-chip{border:1.5px solid var(--o-teal);color:var(--o-teal);border-radius:6cqw;align-self:flex-start;margin:0;padding:2.6cqw 4.2cqw;font-size:3.9cqw;font-weight:600}.tl-old-input{border-top:1px solid var(--o-sep);align-items:center;gap:2.4cqw;padding:3.4cqw;display:flex}.tl-old-input span{color:var(--o-muted);background:#f5f7f8;border:1px solid #dfe6e9;border-radius:6cqw;flex:1;padding:2.8cqw 4.4cqw;font-size:4.4cqw}.tl-old-input i{background:var(--o-teal);opacity:.3;color:#fff;border-radius:50%;place-items:center;width:11cqw;height:11cqw;font:600 5.4cqw/1 sans-serif;display:grid}.tl-old-tabs{border-top:1px solid var(--o-sep);grid-template-columns:repeat(3,1fr);padding:2.4cqw 0 7cqw;display:grid}.tl-old-tabs span{color:var(--o-muted);justify-items:center;gap:1cqw;font-size:3.2cqw;font-weight:500;display:grid}.tl-old-tabs span.is-on{color:var(--o-teal)}.tl-old-tabs svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:6.6cqw;height:6.6cqw}.tl-caret{vertical-align:-.15em;background:var(--accent);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite tl-blink;display:inline-block}@keyframes tl-blink{50%{opacity:0}}.tl-stuck,.tl-letter{justify-items:center;width:min(300px,100%);margin:0;display:grid}.tl-stuck svg,.tl-letter svg{width:100%;overflow:visible}.tl-circle,.tl-arrow{fill:none;stroke:var(--tl-hand);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400px;transition:stroke-dashoffset 1s var(--ease-in-out) .6s}.tl-arrow{transition-delay:1.3s}.tl-entry.is-in .tl-circle,.tl-entry.is-in .tl-arrow,.tl:not([data-fx=on]) .tl-circle,.tl:not([data-fx=on]) .tl-arrow{stroke-dashoffset:0}.tl-stuck figcaption,.tl-letter figcaption{margin-top:-6px;font-size:1.8rem;rotate:-3deg}.tl-letter-paper{fill:var(--surface)!important}.tl-seal{fill:var(--cta)}.tl-seal-heart{fill:var(--on-cta);opacity:.6}.tl-letter svg{transition:rotate .4s var(--ease-out);rotate:-3deg}.tl-letter:hover svg{rotate:2deg}.tl-chart{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow-float);padding:24px 24px 18px}.tl-chart-total{font:500 1rem var(--sans);color:var(--ink-2);margin:0 0 14px}.tl-chart-total strong{font:800 2.2rem/1 var(--sans);color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-right:6px}.tl-bars{grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:8px;height:180px;margin:0;padding:0;list-style:none;display:grid}.tl-bars li{grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.tl-bars button{all:unset;cursor:pointer;align-items:flex-end;height:100%;display:flex}.tl-bars button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.tl-bar{width:100%;min-height:3px;height:calc(var(--h) * 100%);background:var(--brand);transform-origin:bottom;transition:scale .8s var(--ease-out), background var(--d-state);transition-delay:calc(var(--n) * 70ms);border-radius:6px 6px 2px 2px;scale:1 0}.tl-chart.is-drawn .tl-bar{scale:1}.tl-bars button.is-on .tl-bar{background:var(--cta)}.tl-bar-l{font:600 .72rem var(--sans);color:var(--ink-3);text-align:center}.tl-chart-note{margin:10px 0 0;font-size:1.5rem;rotate:-2deg}.tl-tape{justify-items:center;gap:10px;width:min(420px,100%);display:grid}.tl-tape svg{width:100%;overflow:visible}.tl-seg{background:var(--surface-2);border-radius:999px;padding:4px;display:inline-flex}.tl-seg button{all:unset;cursor:pointer;font:700 .85rem var(--sans);color:var(--ink-2);transition:background var(--d-state), color var(--d-state);border-radius:999px;padding:8px 16px}.tl-seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-raised)}.tl-seg button:focus-visible{outline:2px solid var(--accent)}.tl-tape-blocks rect{fill:var(--surface);stroke:var(--ink);stroke-width:2.5px;transition:transform .7s var(--ease-out), fill var(--d-state);transform-box:fill-box;transform-origin:50%}.tl-tape-blocks .b2{transform:rotate(-6deg)translate(-6px,4px)}.tl-tape-blocks .b3{transform:rotate(9deg)translate(8px,6px)}.tl-tape-blocks .b4{transform:rotate(-4deg)translate(14px,8px)}.tl-tape-blocks .b1{transform:rotate(2deg)}.tl-tape.is-after .tl-tape-blocks rect{fill:var(--surface-2);stroke:var(--accent);transform:none}.tl-tape-strips rect{fill:#e8d9a8d9;stroke:#cbb877;stroke-width:1px;transition:opacity .4s}.tl-tape.is-after .tl-tape-strips rect{opacity:0}.tl-tape-labels text{font:600 11px var(--sans);fill:var(--ink-2);transition:opacity .4s}.tl-tape:not(.is-after) .tl-tape-labels{opacity:.55}.tl-tape-note{margin:0;font-size:1.8rem;rotate:-2deg}.tl-ba{gap:10px;width:min(300px,80%);display:grid}.tl-ba-frame{--x:50%;aspect-ratio:390/844;box-shadow:var(--shadow-float);touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#0e1414;border-radius:13%/6%;padding:2.4%;position:relative}.tl-ba-frame img{object-fit:cover;pointer-events:none;border-radius:11%/5.1%;width:100%;height:100%;display:block}.tl-ba-before{clip-path:inset(0 calc(100% - var(--x)) 0 0);border-radius:11%/5.1%;display:grid;position:absolute;inset:2.4%;overflow:hidden}.tl-ba-before .tl-hand{font-size:1.6rem;position:absolute;bottom:30%;left:8%;rotate:-6deg}.tl-ba-handle{top:0;bottom:0;left:var(--x);border-left:2px solid var(--cta);width:0;position:absolute}.tl-ba-handle span{background:var(--cta);width:30px;height:30px;box-shadow:var(--shadow-handle);border-radius:50%;position:absolute;top:50%;left:-16px;translate:0 -50%}.tl-ba-handle span:before{content:"‹ ›";font:800 13px var(--sans);color:var(--on-cta);place-items:center;display:grid;position:absolute;inset:0}.tl-ba-range span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tl-ba-range input{width:100%;accent-color:var(--cta)}.tl-ba-tags{color:var(--ink-3);justify-content:space-between;font-family:Caveat,cursive;font-size:1.3rem;display:flex}.tl-tank{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow-float);padding:26px}.tl-tank-q{font:400 1.6rem/1.2 var(--serif);margin:0 0 16px}.tl-tank-opts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tl-tank-opt{all:unset;cursor:pointer;border:2px solid var(--line);height:96px;font:700 .78rem/1.15 var(--sans);text-align:center;color:var(--ink);transition:border-color var(--d-state), scale var(--d-press) var(--ease-out);border-radius:14px;place-items:end center;padding-bottom:8px;display:grid;position:relative;overflow:hidden}.tl-tank-opt:active{scale:.96}.tl-tank-opt:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tl-tank-fill{height:calc(var(--f) * 72% + 6%);z-index:-1;opacity:.35;position:absolute;inset:auto 0 0}.tl-tank-opt--full .tl-tank-fill{background:var(--energy-full)}.tl-tank-opt--okay .tl-tank-fill{background:var(--energy-okay)}.tl-tank-opt--low .tl-tank-fill{background:var(--energy-low)}.tl-tank-opt--empty .tl-tank-fill{background:var(--energy-empty)}.tl-tank-opt{isolation:isolate}.tl-tank-opt[aria-checked=true]{border-color:var(--accent)}.tl-tank-opt[aria-checked=true] .tl-tank-fill{opacity:.75}.tl-tank-out{grid-template-columns:1fr auto 1fr;gap:12px;margin-top:18px;display:grid}.tl-tank-col p{font:500 .95rem/1.45 var(--sans);color:var(--ink-2);margin:6px 0 0}.tl-tank-h{font:700 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.tl-tank-wall{border-left:2px dashed var(--line-soft);color:var(--accent);place-items:center;padding-left:10px;display:grid}.tl-tank-nudge{color:var(--accent)!important;font-weight:700!important}.tl-tank-none{font-style:italic}.tl-fan{width:100%;height:clamp(360px,46vw,500px);position:relative}.tl-fan-phone{all:unset;cursor:pointer;aspect-ratio:390/844;width:clamp(130px,15vw,190px);box-shadow:var(--shadow-float);transform-origin:50% 120%;translate:-50%;rotate:calc(var(--i) * 9deg);z-index:calc(10 - max(var(--i), -1 * var(--i)));transition:rotate .5s var(--ease-out), scale .5s var(--ease-out);background:#0e1414;border-radius:13%/6%;padding:2%;position:absolute;bottom:0;left:50%;scale:.86}.tl-fan-phone.is-on{scale:1}.tl-fan-phone img{object-fit:cover;border-radius:11%/5.1%;width:100%;height:100%;display:block}.tl-fan-phone:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.tl-screen{justify-items:center;gap:8px;width:min(260px,70%);margin:0;display:grid}.tl-screen .phone{rotate:3deg}.tl-screen figcaption{font-size:1.7rem;rotate:-3deg}.tl-outro{text-align:center;max-width:760px;margin-top:clamp(96px,12vw,160px)}.tl-outro-text{font:400 clamp(1.7rem, 1.2rem + 1.4vw, 2.5rem) / 1.25 var(--serif);text-wrap:balance;margin:0 0 16px}.tl-signoff{margin:0;font-size:2.2rem;rotate:-2deg}@media (max-width:820px){.tl{--tl-spine-x:0px}.tl .tl-track{padding-left:calc(var(--gutter) + var(--tl-spine-x) + 22px);gap:72px}.tl-spine{left:calc(var(--gutter) + var(--tl-spine-x))}.tl-dot{width:14px;height:14px;top:6px;left:-29px}.tl-date{font-size:1.4rem}.tl-title{margin-bottom:12px;font-size:1.85rem}.tl-body{font-size:1.02rem;line-height:1.6}.tl-visual{justify-items:start}.tl-chat,.tl-ba{width:min(260px,78%)}.tl-entry{grid-template-columns:minmax(0,1fr);gap:28px}.tl-entry--flip .tl-visual{order:0}.tl-mug-tags li{font-size:1.3rem}.tl-tank-opts{grid-template-columns:repeat(2,1fr)}.tl-tank-out{grid-template-columns:1fr}.tl-tank-wall{border-left:0;border-top:2px dashed var(--line-soft);justify-items:start;padding:8px 0 0}.tl-fan-phone{rotate:calc(var(--i) * 7deg)}}@media (prefers-reduced-motion:reduce){.tl *,.tl :before{transition:none!important;animation:none!important}.tl-scribble,.tl-underline path,.tl-names-list path,.tl-circle,.tl-arrow{stroke-dashoffset:0!important}.tl-names-list li,.tl-phases-note{opacity:1!important}.tl-bar{scale:1!important}}