.mtl-figure{margin:0}.mtl{border:1px solid var(--warp-border);background:var(--warp-surface-1);border-radius:18px;padding:10px 26px 6px;position:relative}.mtl__stage{height:var(--stage-h,210px);--gap:30px;--far:84px;position:relative}.mtl__axis{left:0;right:0;top:var(--axis-top,50%);height:0;position:absolute}.mtl__line{background:var(--warp-border-strong);transform-origin:0;border-radius:2px;height:2px;position:absolute;top:-1px;left:0;right:0}.mtl__tick{left:calc(var(--x) * 100%);background:var(--warp-border-strong);width:1px;height:8px;position:absolute;top:-4px}.mtl__tick-label{font-family:var(--font-mono);color:var(--warp-text-dim);white-space:nowrap;font-size:.66rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mtl__today{left:calc(var(--x) * 100%);background:var(--warp-text-muted);border-radius:2px;width:2px;height:18px;margin-left:-1px;position:absolute;top:-9px}.mtl__items{margin:0;padding:0;list-style:none;position:absolute;inset:0}.mtl__item{left:calc(var(--x) * 100%);top:var(--axis-top,50%);width:0;height:0;position:absolute}.mtl__dot{background:var(--warp-text);width:12px;height:12px;box-shadow:0 0 0 3px var(--warp-surface-1);border-radius:50%;position:absolute;top:-6px;left:-6px}.mtl__item--warp .mtl__dot{background:var(--warp-accent);box-shadow:0 0 0 3px var(--warp-surface-1), 0 0 14px #4ade8099}.mtl__item--warp .mtl__dot:after{content:"";border:1.5px solid var(--warp-accent);opacity:.45;border-radius:50%;position:absolute;inset:-5px}.mtl__stem{background:var(--warp-border-strong);width:1px;position:absolute;left:-.5px}.mtl__item--warp .mtl__stem{background:var(--warp-accent-border)}.mtl__card{width:max-content;max-width:200px;transform:translateX(calc(var(--x) * -100%));border:1px solid var(--warp-border);background:var(--warp-surface-2);border-radius:10px;gap:1px;padding:6px 10px;display:grid;position:absolute}.mtl__item--warp .mtl__card{border-color:var(--warp-accent-border);background:var(--warp-accent-bg)}.mtl__name{color:var(--warp-text);white-space:nowrap;font-size:.84rem;font-weight:600}.mtl__item--warp .mtl__name{color:var(--warp-accent)}.mtl__meta{color:var(--warp-text-dim);white-space:nowrap;font-size:.7rem}.mtl__meta time{font-family:var(--font-mono);color:var(--warp-text-muted)}.mtl__item--r0 .mtl__stem{height:calc(var(--gap) - 6px);bottom:6px}.mtl__item--r0 .mtl__card{bottom:var(--gap)}.mtl__item--r1 .mtl__stem{height:calc(var(--gap) - 6px);top:6px}.mtl__item--r1 .mtl__card{top:var(--gap)}.mtl__item--r2 .mtl__stem{height:calc(var(--far) - 6px);bottom:6px}.mtl__item--r2 .mtl__card{bottom:var(--far)}.mtl__item--r3 .mtl__stem{height:calc(var(--far) - 6px);top:6px}.mtl__item--r3 .mtl__card{top:var(--far)}.mtl__item--r0 .mtl__stem,.mtl__item--r2 .mtl__stem{transform-origin:bottom}.mtl__item--r1 .mtl__stem,.mtl__item--r3 .mtl__stem{transform-origin:top}.mtl__caption{color:var(--warp-text-dim);margin-top:10px;font-size:.78rem}.mtl.is-armed:not(.is-playing) .mtl__line{transform:scaleX(0)}.mtl.is-armed:not(.is-playing) .mtl__dot{transform:scale(0)}.mtl.is-armed:not(.is-playing) .mtl__stem{transform:scaleY(0)}.mtl.is-armed:not(.is-playing) .mtl__card,.mtl.is-armed:not(.is-playing) .mtl__today,.mtl.is-armed:not(.is-playing) .mtl__tick-label{opacity:0}.mtl.is-playing .mtl__line{animation:mtl-draw var(--draw) cubic-bezier(.45, 0, .35, 1) both}.mtl.is-playing .mtl__tick-label{animation:mtl-fade .5s ease-out calc(var(--x) * var(--draw)) both}.mtl.is-playing .mtl__dot{animation:mtl-pop .42s cubic-bezier(.2, .9, .3, 1.5) var(--at) both}.mtl.is-playing .mtl__stem{animation:mtl-grow .26s ease-out calc(var(--at) + 80ms) both}.mtl.is-playing .mtl__card{animation:mtl-card .36s ease-out calc(var(--at) + .2s) both}.mtl.is-playing .mtl__item--warp .mtl__dot:after{animation:mtl-ping 1.2s ease-out calc(var(--at) + .3s) 2 both}.mtl.is-playing .mtl__today{animation:mtl-fade .4s ease-out var(--draw) both}@keyframes mtl-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mtl-pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes mtl-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mtl-card{0%{opacity:0}to{opacity:1}}@keyframes mtl-fade{0%{opacity:0}to{opacity:1}}@keyframes mtl-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@media (max-width:719px){.mtl{padding:14px 14px 6px}.mtl__stage{height:auto}.mtl__axis{display:none}.mtl__items{gap:10px;padding-left:22px;display:grid;position:relative;inset:auto}.mtl__items:before{content:"";background:var(--warp-border-strong);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:5px}.mtl__item{width:auto;height:auto;position:relative;top:auto;left:auto}.mtl__stem{display:none}.mtl__dot{margin-top:-6px;top:50%;left:-22px}.mtl__card,.mtl__item--r0 .mtl__card,.mtl__item--r1 .mtl__card,.mtl__item--r2 .mtl__card,.mtl__item--r3 .mtl__card{width:100%;max-width:none;position:relative;top:auto;bottom:auto;transform:none}.mtl__card{grid-template-columns:1fr auto;align-items:baseline;column-gap:10px}.mtl.is-armed:not(.is-playing) .mtl__stem{transform:none}}@media (max-width:420px){.mtl__card{grid-template-columns:minmax(0,1fr)}.mtl__name,.mtl__meta{white-space:normal}}@media (prefers-reduced-motion:reduce){.mtl *{animation:none!important}}