.tn-root{--tn-t:0;z-index:10;padding-top:var(--spacing-section,8rem);padding-bottom:var(--spacing-section,8rem);position:relative;overflow-x:clip}.tn-afternoon{z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:clamp(0, calc(var(--tn-t) * 1.2), 1);position:fixed;inset:0}.tn-afternoon span{display:block;position:absolute;inset:0}.tn-afternoon-wash{background:linear-gradient(to bottom left,#ffecc457 0%,#e2c8a82e 38%,#a8b0c817 78%,#0000 100%)}.tn-afternoon-sun{background:radial-gradient(26% 24% at calc(58% + var(--tn-t) * 30%) calc(10% + var(--tn-t) * 26%), #fff8e299 0%, #ffe7ba4d 34%, #ffd6961f 60%, transparent 82%)}.tn-headline{margin-top:var(--spacing-eyebrow);text-wrap:balance;max-width:16ch;font-size:var(--text-display,clamp(2.6rem, 1.2rem + 4.4vw, 5rem));font-weight:600;line-height:1.02}.tn-word-inner{white-space:nowrap;display:inline-block}.tn-thread{margin-top:var(--spacing-head);max-width:46rem;margin-inline:auto}.tn-day{margin:0 0 var(--spacing-stack);align-items:center;gap:var(--spacing-row);letter-spacing:.24em;text-transform:uppercase;color:var(--color-cream-dim);opacity:.5;font-size:.65rem;display:flex}.tn-day:before,.tn-day:after{content:"";background:#ece3d11f;flex:1;height:1px}.tn-log{gap:clamp(1.5rem,2.6vw,2.4rem);margin:0;display:grid}.tn-turn{--tn-asked:clamp(0, calc((var(--tn-t) - var(--tn-at)) * 26), 1);--tn-said:clamp(0, calc((var(--tn-t) - var(--tn-reply)) * 26), 1);--tn-typing:calc(var(--tn-asked) * (1 - var(--tn-said)));gap:.6rem;display:grid}.tn-ask,.tn-reply{margin:0;display:flex}.tn-ask{justify-content:flex-end}.tn-reply{justify-content:flex-start;align-items:flex-end;gap:.6rem}.tn-bubble{max-width:32rem;translate:0 calc((1 - var(--tn-arrive,1)) * 10px);scale:calc(.985 + var(--tn-arrive,1) * .015);opacity:var(--tn-arrive,1);transform-origin:0 100%;border:1px solid #0000;padding:.85rem 1.05rem 1.5rem;line-height:1.55;display:block;position:relative;box-shadow:0 18px 44px -30px #000000d9}.tn-bubble--ask{--tn-arrive:var(--tn-asked);background:color-mix(in srgb, var(--base-raised,#0d1220) 92%, transparent);color:var(--color-cream);transform-origin:100% 100%;border-color:#ece3d129;border-radius:1rem 1rem .25rem;font-weight:500}.tn-bubble--reply{--tn-arrive:var(--tn-said);border-color:color-mix(in srgb, var(--gold-500) 26%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--gold-500) 9%, var(--base-raised,#0d1220)) 0%, color-mix(in srgb, var(--base) 94%, transparent) 100%);color:var(--color-cream-dim);border-radius:1rem 1rem 1rem .25rem}.tn-stamp{color:var(--color-cream-dim);opacity:.6;align-items:center;gap:.3rem;font-size:.65rem;display:flex;position:absolute;bottom:.5rem;right:.9rem}.tn-ticks{color:var(--gold-300,#f7de93);letter-spacing:-.15em}.tn-typing{height:2.1rem;padding-inline:calc(var(--tn-typing) * .85rem);width:calc(var(--tn-typing) * 3.5rem);opacity:var(--tn-typing);border:1px solid rgb(236 227 209/calc(var(--tn-typing) * .14));background:color-mix(in srgb, var(--base-raised,#0d1220) calc(var(--tn-typing) * 88%), transparent);border-radius:1rem 1rem 1rem .25rem;flex:none;align-items:center;gap:.28rem;display:flex;overflow:hidden}.tn-typing span{background:var(--gold-300,#f7de93);border-radius:50%;width:5px;height:5px;animation:1.25s ease-in-out infinite tn-dot}.tn-typing span:nth-child(2){animation-delay:.16s}.tn-typing span:nth-child(3){animation-delay:.32s}@keyframes tn-dot{0%,60%,to{opacity:.28;translate:0}30%{opacity:1;translate:0 -3px}}.tn-root.is-idle .tn-typing span{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tn-typing{display:none}.tn-bubble{opacity:1;translate:0;scale:1}}