.research-demo{--demo-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--demo-plain:color-mix(in srgb, var(--text) 42%, transparent)}.tw-formula{color:var(--text);font-family:var(--font-serif);margin:0 0 6px;font-size:1.15rem;font-style:italic}.tw-formula sub{font-size:.6em}.tw-chart{width:100%;height:auto;display:block;overflow:visible}.tw-grid line{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:2 3}.tw-ticks text{fill:var(--muted);font-family:var(--demo-mono);text-anchor:end;font-size:8px}.tw-ticks .tw-x{text-anchor:middle}.tw-ticks .tw-unit{text-anchor:start}.tw-line{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1}.tw-line.tw-plain{stroke:var(--demo-plain)}.tw-line.tw-res{stroke:var(--accent);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 55%, transparent))}.tw-points circle{stroke:var(--input-bg);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%}.tw-points .tw-plain{fill:var(--demo-plain)}.tw-points .tw-res{fill:var(--accent)}.tw-labels text{font-family:var(--demo-mono);font-size:8.5px}.tw-labels .tw-plain{fill:var(--muted)}.tw-labels .tw-res{fill:var(--accent);font-weight:600}.tw-labels .tw-val{font-size:8px}.js-reveal #research.is-visible .demo-query{animation:.8s steps(22,end) .5s both tw-type;display:inline-block}.js-reveal #research.is-visible .demo-work{animation:.35s cubic-bezier(.2,.8,.2,1) 1.5s both demo-in}.js-reveal #research.is-visible .demo-question{animation:.35s cubic-bezier(.2,.8,.2,1) 2.7s both demo-in}.js-reveal #research.is-visible .demo-mark{animation:.35s cubic-bezier(.2,.8,.2,1) 3.1s both demo-in}.js-reveal .demo-works.is-added .demo-source-num{animation:.4s cubic-bezier(.3,1.6,.5,1) tw-pop}.demo-answer .demo-word{opacity:0}.demo-answer .demo-word.is-on{opacity:1;transition:opacity .18s}.demo-word.is-last{position:relative}.demo-word.is-last:after{content:"";background:var(--accent);border-radius:2px;width:.5em;height:1em;margin-left:.15em;animation:1s steps(2,start) infinite caret-blink;position:absolute;bottom:.1em;left:100%}.js-reveal .research-demo:not(.is-answered) .demo-answer .demo-cite{visibility:hidden}.js-reveal .research-demo.is-answered .demo-answer .demo-cite{animation:.4s cubic-bezier(.3,1.6,.5,1) both tw-pop}.js-reveal .research-demo:not(.is-answered) :is(.tw-formula,.tw-chart,figcaption){visibility:hidden}.js-reveal .research-demo.is-answered figcaption{animation:.4s 2.5s both tw-fade}.js-reveal .research-demo.is-answered .tw-grid line{transform-box:fill-box;transform-origin:0;animation:.6s cubic-bezier(.2,.7,.2,1) both tw-sweep}.js-reveal .research-demo.is-answered .tw-grid line:first-child{animation-delay:.1s}.js-reveal .research-demo.is-answered .tw-grid line:nth-child(2){animation-delay:.15s}.js-reveal .research-demo.is-answered .tw-grid line:nth-child(3){animation-delay:.2s}.js-reveal .research-demo.is-answered .tw-grid line:nth-child(4){animation-delay:.25s}.js-reveal .research-demo.is-answered .tw-grid line:nth-child(5){animation-delay:.3s}.js-reveal .research-demo.is-answered .tw-grid line:nth-child(6){animation-delay:.35s}.js-reveal .research-demo.is-answered .tw-ticks{animation:.5s .45s both tw-fade}.js-reveal .research-demo.is-answered .tw-formula span{animation:1s steps(18,end) .35s both tw-type;display:inline-block}.js-reveal .research-demo.is-answered .tw-points circle{animation:.4s cubic-bezier(.3,1.6,.5,1) both tw-pop}.js-reveal .research-demo.is-answered .tw-points circle:not(.tw-end){animation-delay:.8s}.js-reveal .research-demo.is-answered .tw-line.tw-plain{animation:1s cubic-bezier(.65,0,.35,1) .9s both tw-draw}.js-reveal .research-demo.is-answered .tw-line.tw-res{animation:1.2s cubic-bezier(.65,0,.35,1) 1.1s both tw-draw}.js-reveal .research-demo.is-answered .tw-points .tw-plain.tw-end{animation-delay:1.85s}.js-reveal .research-demo.is-answered .tw-points .tw-res.tw-end{animation-delay:2.25s}.js-reveal .research-demo.is-answered .tw-labels .tw-plain{animation:.4s 1.95s both tw-fade}.js-reveal .research-demo.is-answered .tw-labels .tw-res{animation:.4s 2.35s both tw-fade}.js-reveal :is(#writing,#files).is-visible .demo-file{animation:.35s cubic-bezier(.2,.8,.2,1) .2s both demo-in}.js-reveal :is(#writing,#files).is-visible .demo-question{animation:.35s cubic-bezier(.2,.8,.2,1) .5s both demo-in}.js-reveal :is(#writing,#files).is-visible .demo-mark{animation:.35s cubic-bezier(.2,.8,.2,1) 1s both demo-in}.js-reveal :is(#writing,#files).is-visible .demo-answer p:first-child{animation:.4s cubic-bezier(.2,.8,.2,1) 1.1s both demo-in}.js-reveal :is(#writing,#files).is-visible .demo-answer p:nth-child(2){animation:.4s cubic-bezier(.2,.8,.2,1) 1.5s both demo-in}.js-reveal :is(#writing,#files).is-visible .demo-chips{animation:.4s cubic-bezier(.2,.8,.2,1) 2s both demo-in}@keyframes tw-sweep{0%{transform:scaleX(0)}}@keyframes tw-fade{0%{opacity:0}}@keyframes tw-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tw-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes tw-pop{0%{transform:scale(0)}}@keyframes demo-in{0%{opacity:0;transform:translateY(6px)}}