.convo{--convo-line:var(--color-border-tertiary,var(--color-border));color:var(--tn-host-fg);font-family:var(--font-sans)}.convo__window{border-radius:var(--radius-card);border:var(--border-width-regular,1px) solid var(--convo-line);background:var(--tn-host-chat-bg);min-width:0;box-shadow:var(--shadow-lg);display:flex;overflow:hidden}.convo__rail{gap:var(--space-3);width:168px;padding:var(--space-4) var(--space-3);border-right:var(--border-width-regular,1px) solid var(--convo-line);background:var(--color-background-secondary,var(--color-sunken));flex-direction:column;flex:none;display:none}.convo__rail-new{width:var(--control-sm);height:var(--control-sm);margin-bottom:var(--space-2);border:var(--border-width-regular,1px) solid var(--convo-line);color:var(--tn-host-fg-2);border-radius:50%;place-items:center;display:grid}.convo__rail-new svg{width:14px;height:14px}.convo__rail-line{height:var(--space-2);border-radius:var(--radius-pill);background:var(--convo-line);width:80%}.convo__rail-line--on{background:var(--color-border-secondary,var(--color-border-strong));width:92%}.convo__rail-line--short{width:56%}@media (min-width:1100px){.convo--rail .convo__rail{display:flex}}.convo__main{flex:1;grid-template-rows:auto 1fr auto;min-width:0;display:grid}.convo__bar{height:var(--control-lg);padding:0 var(--space-4);border-bottom:var(--border-width-regular,1px) solid var(--convo-line);align-items:center;display:flex}.convo__title{font-size:var(--text-sm);color:var(--tn-host-fg-2)}[data-host=chatgpt] .convo__title{margin:0 auto}.convo__thread{align-content:start;gap:var(--space-4);min-width:0;padding:var(--space-5) var(--space-5) var(--space-4);font-size:var(--text-md);line-height:var(--leading-normal);display:grid}.convo__msg p{text-wrap:pretty;margin:0}.convo__msg--user{max-width:82%;padding:var(--space-2-5) var(--space-3-5);border-radius:var(--radius-card);background:var(--tn-host-bubble);justify-self:end}.convo__msg--ai{color:var(--tn-host-fg)}.convo__card{min-width:0}.convo__tool{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--tn-host-fg-2);display:flex}.convo__tool-label{align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-inset);border:var(--border-width-regular,1px) solid var(--convo-line);display:inline-flex}.convo__tool-label svg{width:12px;height:12px}.convo__tool code,.convo__tool-state{font-family:var(--font-mono);font-size:var(--text-xs)}.convo__tool-done{color:var(--color-text-success,var(--color-success))}.convo__tool-working{animation:convo-think var(--duration-think) var(--ease-in-out) infinite;display:none}[data-motion=full] .convo [data-turn]:not([data-done=true]) .convo__tool-working{display:inline}[data-motion=full] .convo [data-turn]:not([data-done=true]) .convo__tool-done{display:none}@keyframes convo-think{50%{opacity:.42}}.convo .convo__skin--chatgpt{display:none}[data-host=chatgpt] .convo__skin--chatgpt,.convo[data-host=chatgpt] .convo__skin--chatgpt{display:inline-flex}.convo[data-host=chatgpt] .convo__skin--claude{display:none}.convo[data-host=chatgpt] .convo__tool-label{border-radius:var(--radius-chip);background:var(--tn-host-bubble);border:0}.convo__composer{gap:var(--space-2);margin:0 var(--space-4) var(--space-4);padding:var(--space-3) var(--space-2) var(--space-2) var(--space-3-5);border-radius:var(--radius-card);border:var(--border-width-regular,1px) solid var(--color-border-secondary,var(--color-border-strong));background:var(--color-background-primary,var(--color-surface));box-shadow:var(--shadow-sm);display:grid}.convo[data-host=chatgpt] .convo__composer{border-radius:var(--radius-dialog)}.convo__input{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--text-base);overflow:hidden}.convo__placeholder{color:var(--color-text-tertiary,var(--color-fg-subtle))}.convo__tools{align-items:center;gap:var(--space-2);display:flex}.convo__plus{width:var(--control-sm);height:var(--control-sm);border:var(--border-width-regular,1px) solid var(--convo-line);color:var(--tn-host-fg-2);border-radius:50%;place-items:center;display:grid}.convo__plus svg,.convo__send svg{width:14px;height:14px}.convo__connector{align-items:center;gap:var(--space-1-5);height:var(--control-sm);padding:0 var(--space-2-5);border-radius:var(--radius-chip);border:var(--border-width-regular,1px) solid var(--convo-line);font-size:var(--text-xs);color:var(--tn-host-fg-2);display:inline-flex}.convo__spacer{flex:1}.convo__send{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-inset);background:var(--color-background-inverse,var(--color-primary));color:var(--color-text-inverse,var(--color-on-primary));place-items:center;display:grid}.convo[data-host=chatgpt] .convo__send{border-radius:50%}.convo__caret{vertical-align:-.15em;border-left:1.5px solid var(--color-accent);height:1.1em;animation:convo-caret var(--duration-think) var(--ease-in-out) infinite;margin-left:1px;display:none}[data-typing=true] .convo__caret{display:inline-block}[data-typing=true] .convo__placeholder{display:none}@keyframes convo-caret{50%{opacity:0}}.convo-switch{justify-self:start}.convo--player{position:relative}.convo__thread--player{height:420px;-webkit-mask-image:linear-gradient(transparent, black var(--space-16));-webkit-mask-image:linear-gradient(transparent, black var(--space-16));mask-image:linear-gradient(transparent, black var(--space-16));padding:0;display:block;position:relative;overflow:hidden}.convo__stack{gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);transition:transform var(--duration-slow) var(--ease-out);display:grid;position:absolute;bottom:0;left:0;right:0}.convo__enter{animation:convo-in var(--duration-slow) var(--ease-enter) both}@keyframes convo-in{0%{opacity:0;transform:translateY(8px)}}.convo__stream{display:grid}.convo__stream>span,.convo__stream:after{grid-area:1/1}.convo__stream:after{content:attr(data-full);visibility:hidden}.convo__via{margin-top:var(--space-0-5);font-size:var(--text-xs);color:var(--tn-host-fg-2);display:block}.convo__tool-working--on{display:inline}.convo__divider{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--tn-host-fg-2);display:flex}.convo__divider:before,.convo__divider:after{content:"";background:var(--convo-line);flex:1;height:1px}.convo .tn-btn.is-pressed{transform:scale(.97)}.convo__pointer{pointer-events:none;width:16px;height:20px;fill:var(--color-primary);stroke:var(--color-surface);stroke-width:1.25px;stroke-linejoin:round;filter:drop-shadow(var(--shadow-xs));position:absolute;top:0;left:0}.demo{gap:var(--space-3);min-width:0;display:grid}.demo__rail{gap:var(--space-2);padding:var(--space-1-5) var(--space-3);scrollbar-width:none;border-radius:var(--radius-inset);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.demo__rail::-webkit-scrollbar{display:none}.demo__chapter{gap:var(--space-1-5);padding:var(--space-1) 0;color:var(--color-fg-muted);font:inherit;font-size:var(--text-xs);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;display:grid}.demo__chapter[aria-selected=true],.demo__chapter:hover{color:var(--color-fg)}.demo__progress{border-radius:var(--radius-pill);background:var(--color-border-strong);height:1.5px;display:block;overflow:hidden}.demo__progress i{background:var(--color-fg);transform-origin:0;height:100%;display:block}.demo__toggle svg{width:14px;height:14px}.demo .hero-convo__toggle{display:grid}.demo__note{min-height:calc(var(--control-lg) + var(--space-2))}.demo__note-text{align-items:baseline;gap:var(--space-2);padding:var(--space-2-5) var(--space-3-5);border-radius:var(--radius-inset);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs);font-size:var(--text-sm);color:var(--color-fg);animation:convo-in var(--duration-slow) var(--ease-enter) both;display:flex}@media (max-width:559px){.demo__note{display:none}.convo__thread{padding:var(--space-4) var(--space-3) var(--space-3);font-size:var(--text-base)}.convo__composer{margin:0 var(--space-3) var(--space-3)}.convo__thread--player{height:520px}.convo__stack{padding:var(--space-4) var(--space-3) var(--space-3)}}@media (prefers-reduced-motion:reduce){.convo__tool-working,.convo__caret,.convo__enter,.demo__note-text{animation:none}.convo__stack{transition:none}}.hero-convo{gap:var(--space-3);min-width:0;margin:0;display:grid}.hero-convo .convo-switch{justify-self:start}.hero-convo__toggle{width:var(--control-sm);height:var(--control-sm);border:var(--border-width-regular,1px) solid var(--convo-line);color:var(--tn-host-fg-2);cursor:pointer;background:0 0;border-radius:50%;place-items:center;margin-left:auto;padding:0;display:none}.hero-convo__toggle svg{width:14px;height:14px}[data-motion=full] .hero-convo__toggle{display:grid}.hero-convo__play,.hero-convo__toggle[aria-pressed=true] .hero-convo__pause{display:none}.hero-convo__toggle[aria-pressed=true] .hero-convo__play{display:block}.hero-convo__caption{font-size:var(--text-xs);color:var(--color-fg-muted)}.site-hero__product{padding:var(--space-6) var(--space-2) 0}@media (min-width:960px){.site-hero__product{padding:0}.site-hero__product .convo__thread--player{height:clamp(200px,100svh - 500px,320px)}}.nodash{gap:var(--space-8);display:grid}.nodash__col{gap:var(--space-5);align-content:start;min-width:0;display:grid}.nodash__title{font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.nodash__app{gap:var(--space-4);padding:var(--pad-card);border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.nodash__login{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;display:grid}.nodash__field{height:var(--control-sm);display:block}.nodash__login .ui-btn{width:var(--space-16)}.nodash__tabs{justify-self:start}.nodash__tab-label{width:var(--space-12);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-border-strong);display:block}.nodash__rows{gap:var(--space-3);display:grid}.nodash__short{width:60%}.nodash__list{gap:var(--space-2-5);counter-reset:nodash;display:grid}.nodash__list li{grid-template-columns:var(--space-4) minmax(0, 1fr);gap:var(--space-2);color:var(--color-fg-muted);align-items:baseline;display:grid}.nodash__list .ui-state{color:var(--color-fg-subtle)}.nodash__col:last-child .nodash__list li{color:var(--color-fg)}.nodash__col:last-child .nodash__list .ui-state{color:var(--color-success)}@media (min-width:960px){.nodash{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.field-story{gap:var(--space-8);display:grid}.field-story__plate{min-height:280px}.field-story__list{gap:var(--space-3);display:grid}.field-story__item{grid-template-columns:var(--space-4) minmax(0, 1fr);gap:var(--space-1) var(--space-3);padding:var(--space-4) var(--pad-card);border-radius:var(--radius-card);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);border:1px solid #0000;align-content:center;align-items:center;display:grid}.field-story__item p{color:var(--color-fg-muted);grid-column:2}.field-story__item[data-active=true]{background:var(--color-surface);border-color:var(--color-border)}.field-story__item[data-active=true] p{color:var(--color-fg)}@media (min-width:960px){.field-story{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.field-story__stage{top:calc(var(--control-lg) + var(--space-12));position:sticky}.field-story__plate{min-height:420px}.field-story__item{min-height:34vh}}.confirm-states{gap:var(--space-5);margin-top:var(--space-12);display:grid}.confirm-states__head h3{font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.confirm-states__head p{margin-top:var(--space-1);color:var(--color-fg-muted)}.confirm-states__grid{gap:var(--space-5) var(--space-4);padding:var(--space-6);border-radius:var(--radius-card);background:var(--tn-host-chat-bg);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start;display:grid}.confirm-states__cell{gap:var(--space-2);min-width:0;margin:0;display:grid}.confirm-states__cell figcaption{font-size:var(--text-xs);color:var(--tn-host-fg-2)}@media (max-width:559px){.confirm-states__grid{padding:var(--space-3)}}.site-feature__icon,.site-channel__icon{width:24px;height:24px;color:var(--color-fg)}.site-channel__head{justify-content:flex-start}.site-channel__head .ui-badge{margin-left:auto}@media (min-width:960px){[data-motion=full] .story[data-step] .convo__thread{height:calc(100vh - 250px);min-height:360px;-webkit-mask-image:linear-gradient(transparent, black var(--space-12));-webkit-mask-image:linear-gradient(transparent, black var(--space-12));mask-image:linear-gradient(transparent, black var(--space-12));align-content:end;overflow:hidden}}.site-page__hero--product .site-page__wrap{gap:var(--space-8);align-items:center;display:grid}.product-plate{min-width:0;padding:var(--space-8) var(--space-4);position:relative}.product-plate__material{border-radius:var(--radius-2xl);min-height:0;position:absolute;inset:0}.product-plate__float{position:relative}@media (min-width:960px){.site-page__hero--product .site-page__wrap{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-plate{padding:var(--space-16) var(--space-8) var(--space-8)}}
