.tl{position:relative;height:620svh;background:#000;color:var(--white);--tl-dim:oklch(1 0 0/0.16);--tl-quiet:#8e9196;--tl-sleep:oklch(0.62 0.03 260);--tl-hot:var(--ember);--tl-blue:rgb(38 139 252)}.tl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tl-stage{position:sticky;top:0;height:100svh;min-height:640px;box-sizing:border-box;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:calc(64px + clamp(16px, 4svh, 56px)) var(--gutter) calc(var(--dock-space, 104px) + clamp(12px, 3svh, 32px));max-width:var(--max);margin-inline:auto}.tl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.tl-says{display:grid;max-width:17em;font-size:clamp(30px,min(4.4vw,7.4svh),68px)}.tl-say{grid-area:1/1;opacity:0;filter:blur(6px);transition:opacity .6s var(--ease-reveal),filter .6s var(--ease-reveal)}.tl-say,.tl-say p{margin:0}.tl-big,.tl-say-day,.tl-say-lit,.tl-say-said{font-weight:var(--fw-display);font-stretch:125%;font-size:1em;line-height:1.02;letter-spacing:-.05em;text-wrap:balance}.tl-nine{color:var(--tl-blue);font-weight:400}.tl-poster{position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.9em;pointer-events:none;opacity:0;filter:blur(8px);transition:opacity .6s var(--ease-reveal),filter .6s var(--ease-reveal)}.tl-big{margin:0;max-width:11em;font-size:clamp(40px,min(6.6vw,11svh),104px);line-height:.98}.tl-stage[data-phase=lit] .tl-poster{opacity:1;filter:none}.tl-stage[data-phase=fly] .tl-poster{opacity:0;transition-duration:.3s}.tl-watchline{margin:0;font-size:clamp(18px,1.6vw,24px);line-height:1.4;letter-spacing:-.015em;color:var(--tl-quiet);opacity:0;transition:opacity .6s var(--ease-reveal)}.tl-watchline span{color:var(--white)}.tl-stage[data-watchline] .tl-watchline{opacity:1}.tl-quiet{color:var(--tl-quiet)}.tl-stage[data-phase=day] .tl-say-day,.tl-stage[data-phase=zoom]:not([data-said]) .tl-say-lit,.tl-stage[data-said] .tl-say-said{opacity:1;filter:none}.tl-clock{margin:0;flex:none;font-weight:var(--fw-display);font-stretch:125%;font-size:clamp(30px,min(4.2vw,7svh),64px);line-height:1.04;letter-spacing:-.03em;color:var(--tl-quiet);transition:color .4s var(--ease-ui),opacity .5s var(--ease-reveal)}.tl-stage:is([data-phase=lit],[data-phase=fly]) .tl-clock{opacity:0}.tl-stage[data-hit] .tl-clock{color:var(--tl-hot)}.tl-stage[data-said] .tl-clock{opacity:0}.tl-legend{display:none}.tl-plot{grid-row:3;position:relative;min-height:0;margin-top:clamp(16px,3svh,40px)}.tl-canvas{position:absolute;inset:0}.tl-row{position:absolute;transform:translate(-100%,-50%);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:16px;line-height:1;color:var(--tl-quiet);opacity:var(--g);transition:opacity .4s var(--ease-reveal)}.tl-stage:is([data-phase=lit],[data-phase=fly]) .tl-row{opacity:0}.tl-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:8px;transform:translateY(-50%);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:16px;line-height:1;text-transform:uppercase;white-space:nowrap;color:var(--white);opacity:0;transition:opacity .5s var(--ease-reveal);pointer-events:none}.tl-tag:before{content:"";width:18px;height:1px;background:var(--tl-blue)}.tl-tag .tnum{color:var(--tl-blue)}.tl-stage[data-phase=lit] .tl-tag{opacity:1}.tl-stage[data-phase=fly] .tl-tag{opacity:0;transition-duration:.2s;transition-delay:0s!important}.tl-svg{position:absolute;inset:0;overflow:visible;opacity:var(--z)}.tl-grid{stroke:oklch(1 0 0/.07);stroke-width:1}.tl-lane{stroke:var(--tl-dim);stroke-width:2}.tl-lane-lit{stroke:oklch(1 0 0/.55);stroke-width:2}.tl-stage-bar{fill:var(--tl-sleep)}.tl-stage-bar[data-lvl="0"]{fill:oklch(.5 .06 264)}.tl-stage-bar[data-lvl="2"]{fill:oklch(.78 .03 260)}.tl-stage-bar[data-lvl="3"]{fill:var(--tl-hot)}.tl-arc{fill:none;stroke:var(--tl-blue);stroke-width:2;stroke-dasharray:1;stroke-linecap:round}.tl-head-line{stroke:oklch(1 0 0/.7);stroke-width:1.5}.tl-dot{fill:var(--tl-blue)}.tl-woke{fill:#000;stroke:var(--tl-dim);stroke-width:2;transform-box:fill-box;transform-origin:center;transition:fill .3s var(--ease-ui),stroke .3s var(--ease-ui),transform .6s var(--ease-expo)}.tl-woke[data-on]{fill:var(--tl-hot);stroke:var(--tl-hot);transform:scale(1.35)}.tl-ev{position:absolute;display:flex;flex-direction:column;gap:4px;width:max-content;max-width:15em;font-size:18px;line-height:1.3;opacity:0;filter:blur(6px);transition:opacity .5s var(--ease-reveal),filter .5s var(--ease-reveal)}.tl-ev[data-on]{opacity:1;filter:none}.tl-ev-time{font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:18px;color:var(--tl-blue)}.tl-ev-what{font-weight:400;font-stretch:112%;font-size:clamp(28px,2.8vw,44px);line-height:1.05;letter-spacing:-.035em}.tl-ev-detail{color:oklch(1 0 0/.72);letter-spacing:-.01em}.tl-out .tl-ev-time{color:var(--tl-quiet)}.tl-out .tl-ev-what{color:var(--tl-hot);font-size:clamp(40px,4.4vw,68px)}.tl-out[data-on] .tl-ev-what{animation:tl-land .7s var(--ease-expo) both}@keyframes tl-land{0%{transform:scale(1.18);transform-origin:left center}}.tl-plot:not([data-down]) .tl-ev{transform:translateX(-24px)}.tl-lane-name,.tl-tick{position:absolute;font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:16px;line-height:1;text-transform:uppercase;color:var(--tl-quiet);white-space:nowrap;opacity:var(--z)}.tl-lane-name{left:0}.tl-plot:not([data-down]) .tl-tick{transform:translateX(-50%)}.tl-plot:not([data-down]) .tl-tick:first-of-type{transform:none}@media (max-width:760px){.tl{height:560svh}.tl-stage{min-height:560px;padding-top:calc(56px + 16px)}.tl-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.tl-says{font-size:clamp(26px,7.4vw,34px)}.tl-watchline{font-size:16px}.tl-big{font-size:clamp(34px,10vw,44px)}.tl-clock{font-size:22px;margin-top:4px}.tl-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:14px;text-transform:uppercase;color:var(--tl-quiet);transition:opacity .5s var(--ease-reveal)}.tl-stage:not([data-phase=zoom]) .tl-legend{opacity:0}.tl-key{display:inline-flex;align-items:center;gap:8px}.tl-key:before{content:"";width:14px;height:3px;background:currentColor}.tl-key-habit:before{background:var(--tl-blue)}.tl-key-watch:before{background:var(--tl-sleep);height:8px;width:8px}.tl-plot{margin-top:10px}.tl-row,.tl-tag{font-size:14px}.tl-tag{gap:6px}.tl-tag:before{width:10px}.tl-ev{left:88px;transform:translateY(-33px);gap:0;font-size:15px;max-width:calc(100% - 88px)}.tl-out{transform:translateY(-12px)}.tl-ev-time{font-size:14px}.tl-ev-what{font-size:22px}.tl-out .tl-ev-what{font-size:30px}.tl-tick{left:88px;transform:translateY(-50%);font-size:14px}}.tl[data-still]{height:auto}.tl[data-still] .tl-stage{position:relative}.tl[data-still] :is(.tl-say,.tl-ev,.tl-watchline,.tl-clock,.tl-legend){transition:none}