body:has(.tl){overflow:hidden}body:has(.tl) .nav{z-index:5;background:0 0;border-bottom:none;position:relative}.tl{color:#fff}#tl-canvas{z-index:0;touch-action:none;cursor:grab;background:#07080f;width:100%;height:100%;display:block;position:fixed;inset:0}#tl-canvas:active{cursor:grabbing}.tl .hud{z-index:2;pointer-events:none;position:fixed}.tl .counters{flex-direction:column;align-items:flex-end;gap:10px;display:flex;top:84px;right:24px}.tl .ctr{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;min-width:190px;padding:9px 13px}.tl .ctr .l{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:.7rem}.tl .ctr .v{font-family:var(--font-display), sans-serif;font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.15rem}.tl .focus{text-align:center;padding:0 24px;transition:opacity .25s;bottom:15%;left:0;right:0}.tl .focus .when{font-family:var(--font-display), sans-serif;letter-spacing:.05em;color:#8fb3ff;font-size:.9rem}.tl .focus .ev{font-family:var(--font-serif), serif;margin-top:4px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.tl .focus .note{color:#ffffffb8;max-width:44ch;margin:8px auto 0;font-weight:300}.tl .focus .count{font-family:var(--font-display), sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:10px;font-size:1.35rem}.tl .focus .count:empty{display:none}.tl .focus .meta{letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c;margin-top:7px;font-size:.76rem}.tl .focus .pdot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.tl .branches{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;padding:0 16px;display:flex;bottom:28px;left:0;right:0}.tl .br-group{align-items:center;gap:8px;display:inline-flex}.tl .br-lab{letter-spacing:.12em;text-transform:uppercase;color:#fff6;font-size:.64rem}.tl .branch{color:#fffc;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:100px;padding:8px 15px;font-size:.82rem;transition:all .15s}.tl .branch:hover{border-color:#fff6}.tl .branch.on{color:#0a0b14;background:#fff;border-color:#fff}.tl .hint{text-align:center;color:#ffffff59;font-size:.75rem;bottom:72px;left:0;right:0}.tl .views{pointer-events:auto;justify-content:center;gap:8px;display:flex;top:80px;left:0;right:0}.tl .vbtn{color:#ffffffc7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:100px;padding:7px 16px;font-size:.8rem;transition:all .15s}.tl .vbtn:hover{border-color:#fff6}.tl .vbtn.on{color:#0a0b14;background:#fff;border-color:#fff}.tl .clocklast{bottom:58px;left:0;right:0}.tl .cl-h{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin-bottom:46px;font-size:.72rem}.tl .cl-strip{width:min(780px,84vw);height:2px;margin:0 auto;position:relative}.tl .cl-line{background:linear-gradient(90deg,#ff9e6b1f,#ff9e6ba6);position:absolute;inset:0}.tl .cl-pt{position:absolute;top:50%;transform:translate(-50%,-50%)}.tl .cl-dot{background:#ff9e6b;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 9px #ff9e6b}.tl .cl-lab,.tl .cl-time{white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.tl .cl-lab{color:#ffffffd9;font-size:.8rem}.tl .cl-time{font-family:var(--font-display), sans-serif;color:#ffb98f;font-size:.7rem}.tl .cl-pt.up .cl-lab{bottom:24px}.tl .cl-pt.up .cl-time{bottom:12px}.tl .cl-pt.dn .cl-lab{top:24px}.tl .cl-pt.dn .cl-time{top:12px}.tl .about{pointer-events:auto;background:#0c0e1eb8;border:1px solid #ffffff1f;border-radius:14px;max-width:300px;padding:15px 17px;top:80px;left:24px}.tl .about-h{font-family:var(--font-serif), serif;margin-bottom:5px;font-size:1.35rem}.tl .about p{color:#ffffffc2;font-size:.84rem;line-height:1.5}.tl .about .about-tip{color:#ffffff80;margin-top:8px;font-size:.77rem}.tl .about-x{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1;position:absolute;top:6px;right:11px}.tl .about-x:hover{color:#fff}.tl.is-clock .focus,.tl.is-clock .branches,.tl.is-clock .hint,.tl.is-clock .counters,.tl.is-clock .about,.tl.is-accel .focus,.tl.is-accel .branches,.tl.is-accel .hint,.tl.is-accel .counters,.tl.is-accel .about,.tl:not(.is-clock) .clocklast{display:none}