.tt-demo{--tt-demo-void:var(--tt-ground-void);--tt-demo-ground:var(--tt-ground);--tt-demo-raised:var(--tt-surface);--tt-demo-raised-strong:var(--tt-surface-raised);--tt-demo-rail:#4a5458d1;--tt-demo-rail-text:#bfc7c4;--tt-demo-lift:0 1px 2px #00000042, 0 10px 22px -8px #00000070;--tt-demo-card-shadow:var(--tt-demo-lift), var(--tt-lip);--tt-demo-card-shadow-low:var(--tt-demo-lift-low,0 1px 2px #00000038), var(--tt-lip);--tt-demo-rail-radius:12px;--tt-demo-control-radius:8px;--tt-demo-h:27rem;background:var(--tt-demo-void);max-width:100%;box-shadow:0 0 0 1px #ffffff08, var(--tt-lip)}[data-tt-surface=public][data-theme=light] .tt-demo,:root[data-theme=light] .tt-demo{--tt-demo-card-shadow:var(--tt-level-raised-shadow);--tt-demo-card-shadow-low:var(--tt-level-surface-shadow)}[data-tt-surface=public][data-theme=dark] .tt-demo{--tt-demo-card-shadow:var(--tt-demo-lift), var(--tt-lip);--tt-demo-card-shadow-low:var(--tt-demo-lift-low,0 1px 2px #00000038), var(--tt-lip)}.tt-demo [data-tt-surface=public][data-theme],.tt-demo [data-ia-card=raised],.tt-demo [data-ia-card=floating]{--tt-demo-void:var(--tt-ground-void);--tt-demo-ground:var(--tt-ground);--tt-demo-raised:var(--tt-surface);--tt-demo-raised-strong:var(--tt-surface-raised)}.tt-demo .tt-illus__bar{gap:var(--tt-space-4);white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.tt-demo .tt-illus__bar span:last-child{text-overflow:ellipsis;overflow:hidden}.tt-demo__stage{--tt-stage-x:50%;--tt-stage-y:46%;--tt-stage-glow:.1;min-height:var(--tt-demo-h);padding:var(--tt-space-4);background:var(--tt-demo-ground);font-size:var(--tt-type-compact);line-height:1.45;position:relative;overflow:hidden}.tt-demo__stage:not(.tt-demo__stage--ask){padding-bottom:max(var(--tt-space-4), var(--tt-reach-raised-b,0px))}.tt-demo__sizer{padding:inherit;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0}.tt-demo__stage:after{content:"";z-index:3;mix-blend-mode:overlay;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:0}[data-tone=bright] .tt-demo__stage{--tt-stage-glow:.2}[data-tone=dim] .tt-demo__stage{--tt-stage-glow:.07}.tt-demo__stage--ask{--tt-demo-h:34rem;--tt-stage-x:18%;--tt-stage-y:90%}.tt-demo__stage.tt-demo__stage--ask{height:var(--tt-demo-h);padding:0}@media (min-width:640px){.tt-demo__stage{--tt-demo-h:27rem;padding:var(--tt-space-5)}.tt-demo__stage--ask{--tt-demo-h:27rem}}@media (min-width:900px) and (min-height:700px){.tt-demo__stage,.tt-demo__stage--ask{--tt-demo-h:clamp(28rem, calc(100svh - 24.5rem), 38rem);font-size:var(--tt-type-body)}}.tt-demo__foot{gap:var(--tt-space-3);padding:var(--tt-space-3) var(--tt-space-4) var(--tt-space-3);border-top:1px solid var(--tt-line);background:var(--tt-surface-soft);display:grid}.tt-demo__caption,.tt-demo__caption-sizer{min-height:3em;color:var(--tt-text);font-size:var(--tt-type-body);line-height:1.5}@media (max-width:639px){.tt-demo__caption,.tt-demo__caption-sizer{min-height:6em}}.tt-demo__captions{display:grid}.tt-demo__captions>*{grid-area:1/1;min-width:0}.tt-demo__caption-sizer{visibility:hidden;pointer-events:none}[data-caption-held] .tt-demo__caption-sizer{display:none}.tt-demo__count,.tt-demo__count-sizer{color:var(--tt-text-quiet);font-size:var(--tt-type-meta)}.tt-demo__controls{align-items:center;gap:var(--tt-space-3);display:flex}.tt-demo__pause{border:1px solid var(--tt-line-strong);border-radius:var(--tt-radius-pill);background:var(--tt-surface);width:2.75rem;height:2.75rem;color:var(--tt-text);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.tt-demo__pause:hover,.tt-demo__pause[aria-pressed=true]{background:var(--tt-surface-raised)}.tt-demo__pause:focus-visible{outline:3px solid var(--tt-focus);outline-offset:2px}.tt-demo__controls [data-app-component=segment-bar]{flex:1}.tt-demo .tt-illus__body,.tt-demo>figcaption{border-top:1px solid var(--tt-line)}.tt-demo__stills{gap:var(--tt-space-5);padding:var(--tt-space-4);margin:0;list-style:none;display:grid}@media (min-width:900px){.tt-demo__stills{grid-template-columns:repeat(2,minmax(0,1fr))}}.tt-demo__stills .tt-demo__stage{height:auto;min-height:var(--tt-demo-h);border:1px solid var(--tt-line);border-radius:var(--tt-radius-md)}.tt-demo__still-caption{margin-top:var(--tt-space-2);color:var(--tt-text);font-size:var(--tt-type-body)}.tt-d-panel{align-content:start;gap:var(--tt-space-2);min-width:0;padding:var(--tt-space-3) var(--tt-space-4);border-radius:var(--tt-radius-lg);background:linear-gradient(var(--tt-demo-raised), var(--tt-demo-raised)) padding-box, linear-gradient(var(--tt-line), var(--tt-line)) border-box;box-shadow:var(--tt-demo-card-shadow);border:1px solid #0000;display:grid;position:relative}.tt-d-panel__head{justify-content:space-between;align-items:center;gap:var(--tt-space-1) var(--tt-space-3);color:var(--tt-text);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;display:flex}.tt-d-quiet{color:var(--tt-text-quiet)}.tt-d-live{color:var(--tt-accent-ink);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.4rem;display:inline-flex}.tt-d-live__dot{background:var(--tt-signal,var(--tt-accent));width:.5rem;height:.5rem;box-shadow:var(--tt-signal-ring,none);border-radius:50%;position:relative}.tt-d-live__dot:after{content:"";border:1px solid var(--tt-accent);opacity:0;border-radius:50%;animation:2.4s ease-out tt-d-pulse;position:absolute;inset:-4px}@keyframes tt-d-pulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.tt-d-held{border:1px solid var(--tt-line-strong);border-radius:var(--tt-radius-sm);color:var(--tt-text);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.1rem .45rem}.tt-d-fact{gap:0 var(--tt-space-3);border-top:1px solid var(--tt-line);grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);padding:.35rem 0;display:grid}.tt-d-fact__label{color:var(--tt-text-quiet)}.tt-d-fact__value{min-width:0;color:var(--tt-text);font-weight:560}.tt-d-fact__source{color:var(--tt-text-quiet);font-size:var(--tt-type-meta);grid-column:2}@media (max-width:420px){.tt-d-fact{grid-template-columns:minmax(0,1fr)}.tt-d-fact__source{grid-column:1}}.tt-d-note{color:var(--tt-text-secondary);font-size:var(--tt-type-meta)}.tt-d-btn,.tt-d-bigbutton{min-height:2.25rem;padding:0 var(--tt-space-4);border-radius:var(--tt-demo-control-radius);background:var(--tt-accent);color:var(--tt-ink-on-accent);place-items:center;font-weight:700;display:inline-grid}.tt-d-btn--quiet{border:1px solid var(--tt-line-strong);color:var(--tt-text);background:0 0;font-weight:600}.tt-d-bigbutton{min-height:3.25rem;font-size:var(--tt-type-lead)}@keyframes tt-d-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tt-d-slot--in,.tt-d-answer,.tt-d-preview,.tt-d-thinking,.tt-d-sources{animation:tt-d-in var(--tt-motion-standard,.22s) var(--tt-ease-standard) both}.tt-d-slot--in{animation-delay:calc(var(--i,0) * 90ms)}@keyframes tt-d-link{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes tt-d-pick{0%{border-color:var(--tt-line-strong);background:0 0}}@keyframes tt-d-press{0%,30%{transform:none}34%{transform:scale(.96)}42%,to{transform:none}}@keyframes tt-d-ripple{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.4)}}@keyframes tt-d-flash{0%{opacity:.95}12%,to{opacity:0}}@keyframes tt-d-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes tt-d-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tt-d-blink{50%{opacity:.25}}.tt-d-kv{gap:.15rem var(--tt-space-3);font-size:var(--tt-type-meta);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.tt-d-kv dt{color:var(--tt-text-quiet)}.tt-d-kv dd{color:var(--tt-text);margin:0}.tt-act{padding:var(--tt-site-section-space) 0 0;position:relative}.tt-act>.tt-site-shell{width:min(100%, calc(90rem + 2 * var(--tt-site-gutter)))}.tt-act[data-tone=bright]{background:0 0}.tt-act[data-tone=dim]{background:radial-gradient(90rem 30rem at 50% 0%, #00000059, transparent 70%), linear-gradient(180deg, var(--tt-ground-void), var(--tt-ground) 85%)}.tt-act+.tt-act{padding-top:clamp(2rem,5vw,4rem)}.tt-act__head{max-width:var(--tt-prose-max);margin-bottom:var(--tt-space-6)}.tt-act__stage{gap:var(--tt-space-7);display:grid}.tt-scene{gap:var(--tt-space-5);min-width:0;display:grid}.tt-scene__demo{min-width:0}.tt-scene__kicker{margin-bottom:var(--tt-space-3);color:var(--tt-text-quiet);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.11em;text-transform:uppercase}.tt-scene__title{color:var(--tt-text);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.375rem,2.6vw,1.875rem);font-weight:720;line-height:1.15}.tt-scene__body{gap:var(--tt-space-3);margin-top:var(--tt-space-3);color:var(--tt-text-secondary);display:grid}.tt-scene__body .tt-checklist{margin-top:var(--tt-space-2)}.tt-act__track,.tt-act__progress{display:none}@media (min-width:640px) and (max-width:899px){.tt-scene__demo{width:min(100%,40rem)}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.tt-act__rig{--tt-act-stage-h:min(calc(100svh - var(--tt-site-header-height) - 2rem), 54rem);display:grid}.tt-act__rig>*{grid-area:1/1}.tt-act__stage{z-index:1;top:calc(var(--tt-site-header-height) + .5rem);height:var(--tt-act-stage-h);align-self:start;gap:0;position:sticky}.tt-act__track{height:calc(var(--tt-act-stage-h) + var(--tt-scenes) * 75svh);pointer-events:none;display:block}.tt-act__beat{height:75svh}.tt-scene{visibility:hidden;opacity:0;transition:opacity .42s var(--tt-ease-standard), transform .42s var(--tt-ease-standard), visibility 0s linear .42s;grid-template-columns:minmax(0,.62fr) minmax(0,1.7fr);align-items:center;gap:clamp(1.5rem,3vw,3.5rem);position:absolute;inset:0 0 3rem;transform:translateY(24px)scale(.985)}.tt-scene[data-active=true]{visibility:visible;opacity:1;transition-delay:0s;transform:none}.tt-act__progress{gap:var(--tt-space-2);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:0;left:0;right:0}.tt-act__progress li{padding-top:var(--tt-space-2);border-top:2px solid var(--tt-line-strong);color:var(--tt-text-quiet);font-family:var(--tt-font-mono);font-size:var(--tt-type-eyebrow);letter-spacing:.1em;text-transform:uppercase;transition:color var(--tt-motion-standard), border-color var(--tt-motion-standard);flex:1}.tt-act__progress li[data-active=true]{border-color:var(--tt-text);color:var(--tt-text)}.tt-scene__demo{perspective:1600px}.tt-scene[data-active=true] .tt-demo{animation:tt-d-settle .7s var(--tt-ease-standard) both}}@keyframes tt-d-settle{0%{transform:rotateY(-7deg)rotateX(3deg)translateY(10px)}to{transform:none}}@media (max-width:899px),(prefers-reduced-motion:reduce){.tt-act__stage{gap:clamp(3rem,8vw,5rem)}}@media (prefers-reduced-motion:reduce){.tt-d-live__dot:after{display:none}}@keyframes tt-d-answer{0%{box-shadow:var(--tt-lip)}30%{box-shadow:var(--tt-lip)}to{box-shadow:var(--tt-lip)}}@keyframes tt-d-wake{0%{opacity:.42;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes tt-d-tap{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}@keyframes tt-d-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tt-ps{flex:none;display:inline-block;overflow:visible}.tt-ps__bar{fill:#58cd99;transform-box:fill-box;transform-origin:50%}.tt-ps--on .tt-ps__bar--l{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-left}.tt-ps--on .tt-ps__bar--c{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-center}.tt-ps--on .tt-ps__bar--r{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-right}@keyframes tt-ps-left{0%,to{opacity:.58;transform:scaleY(.7)}32%{opacity:.92;transform:scaleY(.92)}58%{opacity:.7;transform:scaleY(.78)}}@keyframes tt-ps-center{0%,to{opacity:.8;transform:scaleY(.82)}42%{opacity:1;transform:scaleY(1)}72%{opacity:.88;transform:scaleY(.88)}}@keyframes tt-ps-right{0%,to{opacity:.62;transform:scaleY(.72)}22%{opacity:.72;transform:scaleY(.8)}62%{opacity:.95;transform:scaleY(.94)}}@media (prefers-reduced-motion:reduce){.tt-ps--on .tt-ps__bar{opacity:1;animation:none;transform:none}}.tt-tile__art--ask{position:relative}.tt-tile__mark{top:var(--tt-space-3);right:var(--tt-space-3);opacity:.75;transition:opacity var(--tt-motion-standard) var(--tt-ease-standard);display:grid;position:absolute}.tt-tile--ask:hover .tt-tile__mark{opacity:1}.tt-tile--ask:hover .tt-ps__bar--l{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-left}.tt-tile--ask:hover .tt-ps__bar--c{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-center}.tt-tile--ask:hover .tt-ps__bar--r{animation:1.6s cubic-bezier(.4,0,.2,1) infinite tt-ps-right}@keyframes tt-d-light-out{0%{stroke-dashoffset:14px}to{stroke-dashoffset:-100px}}@keyframes tt-d-light-back{0%{stroke-dashoffset:-100px}to{stroke-dashoffset:14px}}[data-tick=true]{animation:.7s steps(10,end) both tt-d-tick,.64s cubic-bezier(.34,1.56,.64,1) both tt-d-spring}@keyframes tt-d-tick{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tt-d-spring{0%{transform:translateY(6px)scale(.96)}to{transform:none}}@media (prefers-reduced-motion:reduce){[data-tick=true]{animation:none}}.tt-tile--ask .tt-tile__art--ask{gap:var(--tt-space-3);padding:var(--tt-space-5);font-size:var(--tt-type-body)}.tt-tile--ask .tt-mini__q{font-size:var(--tt-type-lead);padding-right:3rem}.tt-tile--ask .tt-tile__mark{top:var(--tt-space-4);right:var(--tt-space-4)}@media (min-width:960px){.tt-tile--ask{justify-content:flex-start}.tt-tile--ask .tt-tile__art--ask{align-content:center;gap:var(--tt-space-4);font-size:var(--tt-type-lead);flex:auto}}.tt-d-btn[data-press=true]{animation:tt-d-wake .4s 3.4s var(--tt-ease-standard) both}@media (max-width:639px){.tt-demo__stage--ask{--tt-demo-h:54rem}}@media (min-width:640px) and (max-width:899px) and (prefers-reduced-motion:no-preference){.tt-sf[data-sf-mode=pin] .tt-demo__stage--ask{--tt-demo-h:38rem}}@media (max-width:639px) and (prefers-reduced-motion:no-preference){.tt-sf[data-sf-mode=pin] .tt-demo__stage--ask{--tt-demo-h:44rem}.tt-sf[data-sf-mode=pin] .tt-demo__stage--ask .tt-d-ask--cv{grid-template-rows:minmax(0,1fr);position:relative}.tt-sf[data-sf-mode=pin] .tt-demo__stage--ask .tt-d-ask--cv .tt-d-ask__panel{right:var(--tt-space-4);bottom:var(--tt-space-4);left:var(--tt-space-4);position:absolute}.tt-sf[data-sf-mode=pin] .tt-demo__stage--ask .tt-d-ask--cv .tt-d-ask__canvas{padding-bottom:13rem}}.tt-d-seatref{border-top:1px solid var(--tt-line);animation:tt-d-in var(--tt-motion-standard) var(--tt-ease-standard) both;gap:.05rem;padding:.4rem 0 .5rem;display:grid}.tt-d-rows{margin:0;padding:0;list-style:none;display:grid}.tt-d-rows__row{opacity:1;transition:grid-template-rows .6s cubic-bezier(.4, 0, .2, 1), opacity .4s var(--tt-ease-standard);grid-template-rows:1fr;display:grid}.tt-d-rows__row[data-show=false]{opacity:0;grid-template-rows:0fr}.tt-d-rows__inner{min-height:0;overflow:hidden}.tt-d-rows__row[data-show=false] .tt-d-fact{border-top-color:#0000;padding-block:0}@media (prefers-reduced-motion:reduce){.tt-d-rows__row{transition:none}}.tt-demo__stage--aw{--tt-demo-h:62rem}@media (min-width:640px){.tt-demo__stage--aw{--tt-demo-h:33rem}}@media (min-width:900px) and (min-height:700px){.tt-demo__stage.tt-demo__stage--aw{--tt-demo-h:clamp(31rem, calc(100svh - 24.5rem), 40rem);font-size:var(--tt-type-meta)}}