.tr-tone{z-index:-9;pointer-events:none;opacity:0;transition:opacity .7s cubic-bezier(.33,1,.68,1);position:fixed;inset:0}.tr-tone[data-on=true]{opacity:1}.tr-tone--1{background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--terra)9%,transparent),transparent 62%)}.tr-tone--2{background:radial-gradient(110% 75% at 18% 22%,#5f66481f,#0000 60%)}.tr-tone--3{background:radial-gradient(120% 85% at 82% 72%,color-mix(in srgb,var(--terra)12%,transparent),transparent 64%)}.tr-progress{inset-inline:0;z-index:60;pointer-events:none;background:0 0;height:3px;position:fixed;top:0}.tr-progress>i{background:var(--terra);height:100%;transform:scaleX(var(--read,0));transform-origin:0;display:block}.tr-progress-pill{z-index:40;inset-inline-end:1rem;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--bg-card)88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);opacity:0;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:11px;font-weight:600;transition:opacity .26s,transform .26s;display:inline-flex;position:fixed;bottom:1rem;transform:translateY(6px)}.tr-progress-pill[data-show=true]{opacity:1;transform:none}@keyframes tr-word-in{0%{opacity:0;transform:translateY(.42em)}to{opacity:1;transform:none}}.tr-word{animation:tr-word-in .76s cubic-bezier(.22,1,.36,1)var(--d,0s)both;display:inline-block}.tr-in{opacity:0;transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s);transform:translateY(18px)}.tr-in[data-in=true]{opacity:1;transform:none}.tr-demo{--p:1;height:320vh;position:relative}.tr-demo-sticky{place-items:center;height:100svh;padding-inline:1rem;display:grid;position:sticky;top:0}.tr-panel{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:color-mix(in srgb,var(--bg-card)92%,transparent);width:100%;max-width:44rem;box-shadow:var(--elev-2);overflow:hidden}.tr-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.tr-wave{align-items:center;gap:2px;height:84px;padding:0 1rem;display:flex}.tr-bar{background:var(--terra);min-width:0;height:100%;transform:scaleY(var(--h,.4));opacity:calc(.18 + .82*clamp(0,calc((var(--p)*var(--n) - var(--i))*6),1));border-radius:2px;flex:1 1 0}.tr-head-track{height:0;padding-inline:1rem;position:relative}.tr-head-rail{width:100%;transform:translateX(calc(var(--p)*100%));position:relative}.tr-head-rail>i{top:-84px;background:var(--ink);border-radius:2px;width:2px;height:84px;display:block;position:absolute;inset-inline-start:0}.tr-lines{border-top:1px solid var(--line);flex-direction:column;gap:.55rem;padding:1rem;display:flex}.tr-line{--on:clamp(0,calc((var(--p)*var(--n) - var(--i))*3),1);opacity:var(--on);transform:translateY(calc((1 - var(--on))*8px));align-items:baseline;gap:.7rem;display:flex}.tr-line-time{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--terra-ink);flex:none;padding-top:.15em;font-size:11px;font-weight:600}.tr-line-text{color:var(--ink-body);font-size:14.5px;line-height:1.55}.tr-clock{font-variant-numeric:tabular-nums;color:var(--ink-subtle);font-size:12px;font-weight:600}@media (max-width:640px){.tr-demo{height:250vh}.tr-demo-sticky{padding-inline:0}.tr-wave{height:62px;padding:0 .75rem}.tr-head-rail>i{height:62px;top:-62px}.tr-head-track{padding-inline:.75rem}.tr-lines{gap:.45rem;padding:.85rem}.tr-line-text{font-size:13.5px}.tr-progress-pill{inset-inline-end:.75rem;bottom:.75rem}}@media (prefers-reduced-motion:reduce){.tr-word{opacity:1;animation:none;transform:none}.tr-in{opacity:1;transition:none;transform:none}.tr-tone{transition:none}.tr-demo{--p:1;height:auto}.tr-demo-sticky{height:auto;padding-block:2rem;position:static}.tr-head-rail{transform:none}.tr-progress-pill{transition:none}}