.pp-bubble{max-width:min(46ch,92%);font-size:var(--step-ui);background:var(--color-bg-muted);color:var(--color-text-primary);border-radius:12px;justify-items:start;gap:4px;padding:9px 13px;line-height:1.45;display:grid}.pp-bubble p{max-width:none}.pp-bubble[data-role=user]{background:var(--color-bg-component);border-bottom-right-radius:4px;place-self:flex-end end}.pp-bubble[data-role=agent],.pp-bubble[data-role=merge]{border-bottom-left-radius:4px;align-self:flex-start}.pp-bubble[data-role=merge]{background:var(--color-bg-component)}.pp-bubble-who{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:inline-flex}.pp-bubble[data-remote=true] .pp-bubble-who{color:var(--color-remote-text)}.pp-bubble-done{color:var(--color-text-primary);align-items:center;gap:3px;display:inline-flex}.pp-file{background:var(--color-bg-surface);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;max-width:100%;margin-top:2px;padding:3px 9px;font-size:.8125rem;display:inline-flex;overflow:hidden}.pp-route{font-size:var(--step-ui);color:var(--color-text-primary);align-self:stretch;gap:2px;line-height:1.45;display:grid}.pp-route p{max-width:none}.pp-route-line{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.pp-route-line>.pp-icon{color:var(--color-text-primary)}.pp-route-line strong{font-weight:650}.pp-route-why{color:var(--color-text-tertiary);padding-left:24px;font-size:.8125rem}.pp-route[data-tone=remote] .pp-route-line,.pp-route[data-tone=remote] .pp-route-line>.pp-icon{color:var(--color-remote-text)}.pp-route[data-tone=muted] .pp-route-line,.pp-route[data-tone=muted] .pp-route-line>.pp-icon{color:var(--color-text-secondary)}.pp-pick{border-radius:var(--radius-pill);background:var(--color-bg-inverse);min-height:22px;color:var(--color-text-inverse);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;padding:1px 9px;font-size:.8125rem;font-weight:600;line-height:1.3;display:inline-flex}.pp-pick[hidden]{display:none}.pp-pick[data-tone=limit]{background:var(--color-bg-component);color:var(--color-text-primary);gap:4px;padding-left:6px}@media (prefers-reduced-motion:no-preference){.pp-pick.is-new{animation:pp-pick-in var(--t-slow) var(--ease-out) both}}@keyframes pp-pick-in{0%{opacity:0;transform:translate(-8px)scale(.86)}}.pp-handoff{background:var(--color-handoff-wash);max-width:min(48ch,100%);font-size:var(--step-ui);color:var(--color-text-primary);border-radius:12px;gap:4px;padding:11px 13px;line-height:1.45;display:grid}.pp-handoff p{max-width:none}.pp-handoff-title{align-items:center;gap:8px;font-weight:650;display:flex}.pp-handoff-change{align-items:center;gap:8px;font-weight:600;display:flex}.pp-handoff-note{background:var(--color-handoff-subtle);border-radius:8px;justify-items:start;gap:4px;margin-top:4px;padding:8px 10px;display:grid}.pp-handoff-label{background:var(--color-handoff-solid);color:var(--color-text-on-handoff);border-radius:3px;padding:1px 8px;font-size:.8125rem;font-weight:700;display:inline-block}.pp-handoff-note p{color:var(--color-text-primary);font-size:.8125rem}.pp-worklog{background:var(--color-bg-muted);font-size:var(--step-ui);border-radius:12px;gap:6px;max-width:min(48ch,100%);padding:10px 13px;display:grid}.pp-worklog-who{color:var(--color-text-secondary);font-size:.8125rem;font-weight:600}.pp-worklog ul{gap:4px;margin:0;padding:0;display:grid}.pp-worklog li{align-items:flex-start;gap:8px;line-height:1.4;display:flex}.pp-worklog li .pp-icon{margin-top:2px}.pp-worklog li[data-done=false]{color:var(--color-text-secondary)}.pp-meter{color:var(--color-text-secondary);gap:6px;font-size:.8125rem;display:grid}.pp-meter-head{justify-content:space-between;gap:8px;display:flex}.pp-meter-head span{color:var(--color-text-primary);font-weight:500}.pp-meter-head strong,.pp-meter-value{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.pp-meter small{color:var(--color-text-secondary);font-size:.8125rem}.pp-meter-track{border-radius:var(--radius-pill);background:var(--color-bg-track);height:6px;display:block;position:relative;overflow:hidden}.pp-meter-track i{width:var(--value);border-radius:inherit;background:var(--color-meter);transition:width var(--t-slow) var(--ease-standard);position:absolute;inset:0 auto 0 0}.pp-meter--compact{align-items:center;gap:8px;display:inline-flex}.pp-meter--compact .pp-meter-track{width:56px}.pp-meter--compact .pp-meter-value{text-align:right;min-width:4ch}.pp-dest-item{list-style:none}.pp-dest{text-align:left;cursor:pointer;width:100%;min-height:52px;transition:background-color var(--t-ui) var(--ease-standard);background:0 0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 10px;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.pp-dest:hover{background:var(--color-bg-muted)}}.pp-dest-text{gap:2px;min-width:0;line-height:1.3;display:grid}.pp-dest-name{font-size:var(--step-ui);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pp-dest-tag{color:var(--color-text-secondary);font-weight:400}.pp-dest-sub{align-items:center;gap:6px;min-width:0;display:flex}.pp-dest-state{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.pp-dest-icon{background:var(--color-remote-wash);width:30px;height:30px;color:var(--color-remote-solid);border-radius:6px;place-items:center;display:grid}.pp-switch{border-radius:var(--radius-pill);background:var(--color-control-on);width:32px;height:18px;box-shadow:inset 0 0 0 1.5px var(--color-control-on);transition:background-color var(--t-ui) var(--ease-standard), box-shadow var(--t-ui);position:relative}.pp-switch i{background:var(--color-control-knob);width:12px;height:12px;transition:left var(--t-ui) var(--ease-out), background-color var(--t-ui);border-radius:50%;position:absolute;top:3px;left:17px}.pp-dest[aria-checked=false] .pp-switch{box-shadow:inset 0 0 0 1.5px var(--color-control-off);background:0 0}.pp-dest[aria-checked=false] .pp-switch i{background:var(--color-control-off);left:3px}.pp-dest[data-state=running]{background:var(--color-bg-muted)}.pp-dest[data-state=running] .pp-dest-state{color:var(--color-text-primary)}.pp-dest[data-kind=computer][data-state=running],.pp-dest[data-kind=bot][data-state=running]{background:var(--color-remote-wash)}.pp-dest[data-kind=computer][data-state=running] .pp-dest-state,.pp-dest[data-kind=bot][data-state=running] .pp-dest-state{color:var(--color-remote-text);font-weight:600}.pp-dest[data-state=running] .pp-dest-icon{background:var(--color-remote-subtle)}.pp-dest[data-state=limit] .pp-dest-name{color:var(--color-text-secondary)}.pp-dest[data-state=off] .pp-dest-name,.pp-dest[data-state=off] .pp-dest-tag{color:var(--color-text-tertiary)}.pp-dest[data-state=off] .pp-meter-track i{background:var(--color-control-off)}.pp-dest[data-state=off] .pp-dest-icon{background:var(--color-bg-muted);color:var(--color-text-tertiary)}.pp-dest.is-refused{animation:pp-refuse var(--t-slow) var(--ease-standard)}.pp-dest.is-arriving{animation:pp-arrive var(--t-slow) var(--ease-standard)}@keyframes pp-refuse{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes pp-arrive{40%{transform:scale(1.015)}}.rb{isolation:isolate;border-radius:var(--radius-ui);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--step-ui);position:relative}.rb p{max-width:none}.rb-head{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 22px 4px;display:flex}.rb-title{font-family:var(--font-text);letter-spacing:0;align-items:center;gap:10px;font-size:.9375rem;font-weight:650;display:flex}.rb-note{color:var(--color-text-tertiary)}.rb-live{background:var(--color-control-on);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-bg-component);border-radius:50%}[data-route-board][data-playing=true] .rb-live{animation:rb-pulse 1.6s var(--ease-standard) infinite}@keyframes rb-pulse{50%{box-shadow:0 0 0 6px var(--color-bg-component)}}.rb-play{border-radius:var(--radius-pill);background:var(--color-bg-muted);min-height:36px;color:var(--color-text-primary);transition:background-color var(--t-hover) ease, transform var(--t-press) var(--ease-out);align-items:center;gap:6px;margin-left:auto;padding:0 14px;font-weight:600;display:inline-flex}.rb-play:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.rb-play:hover{background:var(--color-bg-component)}}.rb-grid{grid-template-columns:minmax(0,1.05fr) 112px minmax(0,1.2fr) minmax(0,.95fr);grid-template-areas:"chat router acc oth";gap:16px 24px;padding:16px 22px 18px;display:grid}.rb-chat{flex-direction:column;grid-area:chat;min-width:0;display:flex}.rb-router{grid-area:router}.rb-accounts{grid-area:acc}.rb-others{grid-area:oth}.rb-col{min-width:0}.rb-label{color:var(--color-text-tertiary);justify-content:space-between;gap:8px;margin:0 0 6px;padding-inline:10px;font-size:.8125rem;font-weight:600;display:flex}.rb-chat .rb-label{padding-inline:0}.rb-list+.rb-label{margin-top:18px}.rb-list{gap:2px;margin:0;padding:0;display:grid}.rb-feed{flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:10px;height:0;min-height:360px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 36px);mask-image:linear-gradient(#0000 0,#000 36px)}.rb-feed>*{flex:none}@media (prefers-reduced-motion:no-preference){.rb-feed>.is-new{animation:rb-in var(--t-slow) var(--ease-standard) both}}@keyframes rb-in{0%{opacity:0;transform:translateY(8px)}}.rb-router{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.rb-router:before{content:"";z-index:-1;background:var(--color-bg-muted);border-radius:3px;width:6px;position:absolute;inset:0 auto 0 calc(50% - 3px)}.rb-hub{background:var(--color-bg-surface);width:88px;height:88px;box-shadow:0 0 0 6px var(--color-bg-muted);transition:box-shadow var(--t-slow) var(--ease-standard);border-radius:50%;place-items:center;display:grid}.rb-hub img{width:64px;height:64px}.rb-hub.is-routing{box-shadow:0 0 0 10px var(--color-bg-component)}.rb-decision{background:var(--color-bg-surface);color:var(--color-text-tertiary);gap:2px;padding:6px 4px;font-size:.8125rem;line-height:1.3;display:grid}.rb-decision strong{color:var(--color-text-primary);font-weight:650}.rb-foot{border-radius:0 0 var(--radius-ui) var(--radius-ui);background:var(--color-bg-muted);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:14px 22px 18px;display:flex}.rb-message{color:var(--color-text-primary);font-weight:600}.rb-message:empty{display:none}.rb-token{z-index:5;pointer-events:none;background:var(--color-control-on);width:14px;height:14px;box-shadow:0 0 0 4px var(--color-bg-component);border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:0;left:0}.rb-token[data-tone=remote]{background:var(--color-remote-solid);box-shadow:0 0 0 4px var(--color-remote-subtle)}.rb-token[data-tone=handoff]{background:var(--color-handoff-solid);width:16px;height:16px;box-shadow:0 0 0 2px var(--color-control-on), 0 0 0 6px var(--color-handoff-subtle);margin:-8px 0 0 -8px}@media (width<=1099px){.rb-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"chat chat""router router""acc oth"}.rb-feed{flex:none;height:320px}.rb-router{flex-direction:row;gap:14px;padding-block:4px}.rb-router:before{width:auto;height:6px;inset:calc(50% - 3px) 0 auto}.rb-decision{gap:6px;padding-inline:8px;display:flex}.rb-hub{width:64px;height:64px}.rb-hub img{width:46px;height:46px}}@media (width<=679px){.rb-head,.rb-grid,.rb-foot{padding-inline:12px}.rb-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"chat""router""acc""oth"}.rb-feed{height:270px}.rb-note{flex-basis:100%;order:3}.rb .pp-meter--compact .pp-meter-track{width:40px}}.hero{padding-top:clamp(1.25rem,3vw,2.5rem)}.hero h1{max-width:none}@media (width>=64em){.hero h1 .line{display:inline-block}}.hero-lede{gap:2rem var(--gutter);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;margin-top:clamp(1.25rem,2.5vw,2rem);display:grid}.hero-lede .lead{color:var(--color-text-secondary)}.hero-act{text-align:right;justify-self:end;justify-items:end;gap:.75rem;display:grid}.hero-buttons{align-items:center;gap:1.75rem;display:flex}.hero-act .small{max-width:36ch}.hero-board{margin-top:clamp(2.5rem,4vw,3.5rem);padding-bottom:clamp(3.5rem,7vw,6rem);position:relative}.hero-board:before{content:"";background:var(--color-bg-sunken);position:absolute;inset:9rem 0 0}.hero-board .wrap{position:relative}@media (width<=64em){.hero-lede{grid-template-columns:1fr}.hero-act{text-align:left;justify-self:start;justify-items:start}}@media (width<=40em){.hero-buttons{flex-wrap:wrap;gap:.25rem 1.5rem}.hero-act{justify-self:stretch;justify-items:stretch}.hero-buttons .btn-l{width:100%}.hero-board{margin-top:2.5rem}}.works{padding-block:0 clamp(3.5rem,6vw,5.5rem)}.works-inner{gap:1.5rem var(--gutter);grid-template-columns:minmax(0,2fr) minmax(0,10fr);align-items:start;display:grid}.works-title{font-size:var(--step-title);letter-spacing:-.01em;padding-top:1.6rem;line-height:1.2}.works-groups{flex-wrap:wrap;gap:1.75rem clamp(2rem,4vw,3.5rem);display:flex}.works-group h3{font-family:var(--font-text);font-size:var(--step-small);color:var(--color-text-secondary);letter-spacing:0;margin-bottom:.6rem;font-weight:600}.works-names{flex-wrap:wrap;gap:.4rem;display:flex}.works-names li{border-radius:var(--radius);background:var(--color-bg-surface);padding:.3rem .8rem;font-weight:500;line-height:1.4}.works-names.remote li{background:var(--color-remote-wash);color:var(--color-remote-text)}@media (width<=56em){.works-inner{grid-template-columns:1fr}.works-title{padding-top:0}}@media (width<=36em){.works-groups{gap:1.25rem}}.chapters{padding-block:calc(var(--section) * .5)}.chapter{padding-block:calc(var(--section) * .5);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:2.5rem clamp(2rem,5vw,6rem);display:grid}.chapter.flip .chapter-copy{order:2}.chapter-title{font-size:var(--step-chapter);letter-spacing:-.025em;max-width:16ch;line-height:1.06}.chapter-text{font-size:var(--step-lead);max-width:40ch;margin-top:1.25rem;line-height:1.5}.chapter-points{gap:.7rem;max-width:56ch;margin-top:1.75rem;display:grid}.chapter-points li{color:var(--color-text-secondary);align-items:flex-start;gap:.7rem;line-height:1.5;display:flex}.chapter-points .pp-icon{color:var(--color-text-primary);margin-top:.25em}.chapter code{background:var(--color-bg-component);color:var(--color-text-primary);font-family:var(--font-code);white-space:nowrap;border-radius:3px;padding:.05em .35em;font-size:.88em}.chapter-more{margin-top:1.75rem}.chapter-more a{min-height:var(--row);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.chapter-more a:hover{text-decoration-color:currentColor}}.chapter-visual{min-width:0}@media (width<=56em){.chapter{padding-block:calc(var(--section) * .4);grid-template-columns:minmax(0,1fr)}.chapter.flip .chapter-copy{order:0}.chapter-title{max-width:20ch}}@media (width<=30em){.chapter code{white-space:normal}}.ch-ui{box-shadow:var(--shadow-window)}.ch-body{min-height:0;display:flex}.ch-feed{flex-direction:column;flex:1;gap:.7rem;min-width:0;padding:1.1rem 1.25rem;display:flex}.ch-side{background:var(--color-bg-muted);flex-direction:column;flex:0 0 13.5rem;gap:1rem;padding:1.1rem 1rem;display:flex}.ch-side .app-heading{margin:0}.ch-foot{background:var(--color-bg-muted);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.ch-foot .pp-icon{color:var(--color-text-primary)}.ch-foot strong{color:var(--color-text-primary);font-weight:600}.ch-note{color:var(--color-text-tertiary);margin-left:auto}.ch-path{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ch-path span+span:before{content:"→";color:var(--color-text-tertiary);margin-right:.35rem}.ch-path span:last-child{color:var(--color-text-primary);font-weight:600}.ch-lock{align-items:center;gap:.5rem;display:flex}@media (width<=40em){.ch-body{flex-direction:column}.ch-side{flex:none}.ch-feed{padding:1rem}.ch-note{margin-left:0}}.ch-nodes{gap:4px;display:grid}.ch-node{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.3rem 0;display:grid}.ch-node-icon{background:var(--color-remote-subtle);width:30px;height:30px;color:var(--color-remote-solid);border-radius:6px;place-items:center;display:grid}.ch-node strong{font-weight:600;line-height:1.3;display:block}.ch-node small{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.3;display:block}.ch-title{background:var(--color-bg-sunken);align-items:center;gap:.75rem;padding:.7rem 1.25rem;display:flex}.ch-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:auto;font-weight:600;overflow:hidden}.ch-swarm-btn{border-radius:var(--radius-pill);background:var(--color-bg-inverse);min-height:30px;color:var(--color-text-inverse);align-items:center;gap:6px;padding:0 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.ch-tree,.ch-tree ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ch-tree ul{box-shadow:inset 2px 0 0 var(--color-bg-component);margin:6px 0 0 14px;padding-left:14px}.ch-member{background:var(--color-bg-muted);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 11px;display:grid}.ch-member b{font-weight:600}.ch-member>span:not(.pp-pick):not(.ch-state){color:var(--color-text-secondary);grid-column:1;font-size:.8125rem}.ch-member .pp-pick,.ch-member .ch-state{grid-area:1/2/span 2}.ch-state{color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;display:inline-flex}.ch-ledger{gap:1.1rem;padding:1.25rem;display:grid}.ch-ledger .pp-meter small{color:var(--color-text-tertiary)}.ch-unknown .pp-meter-head strong{color:var(--color-text-primary)}.ch-unknown .pp-meter-track{background:var(--color-bg-muted);box-shadow:inset 0 0 0 1px var(--color-bg-track)}.ch-unknown .pp-meter-track i{display:none}.ch-mod{gap:.9rem;padding:1.25rem;display:grid}.ch-mod-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;display:flex}.ch-mod-head strong{font-size:1rem;font-weight:650}.ch-mod-head span{color:var(--color-text-tertiary);font-size:.8125rem}.ch-mod-md{color:var(--color-text-secondary);max-width:52ch}.ch-field{gap:4px;display:grid}.ch-field>span{font-size:.8125rem;font-weight:600}.ch-field>i{background:var(--color-bg-muted);min-height:38px;box-shadow:inset 0 0 0 1px var(--color-bg-track);color:var(--color-text-primary);border-radius:8px;padding:8px 11px;font-style:normal;display:block}.ch-field>i.tall{min-height:76px}.ch-actions{flex-wrap:wrap;gap:8px;display:flex}.ch-btn{background:var(--color-bg-inverse);min-height:34px;color:var(--color-text-inverse);border-radius:8px;align-items:center;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.ch-btn.quiet{background:var(--color-bg-component);color:var(--color-text-primary)}.app{background:var(--color-bg-surface);color:var(--color-text-primary);border-radius:var(--radius-ui);font-family:var(--font-text);font-size:var(--step-ui);--color-focus:var(--color-focus-default);line-height:1.45;overflow:hidden}.app p{max-width:none}.app-bar{background:var(--color-bg-sunken);height:2.5rem;color:var(--color-text-secondary);align-items:center;gap:.75rem;padding:0 .9rem;display:flex}.app-bar-title{color:var(--color-text-primary);font-weight:600}.app-bar-label{margin-left:auto}.app-bar-controls{gap:6px;margin-left:.5rem;display:flex}.app-bar-title+.app-bar-controls{margin-left:auto}.app-bar-controls i{background:var(--color-bg-track);border-radius:50%;width:10px;height:10px}.app-body{min-height:0;display:flex}.app-side{background:var(--color-bg-muted);flex-direction:column;flex:0 0 13rem;gap:2px;padding:.75rem .5rem;display:flex}.app-main{flex-direction:column;flex:auto;min-width:0;display:flex}.app-heading{color:var(--color-text-tertiary);margin:.25rem .5rem;font-size:.8125rem;font-weight:600}.side-row{width:100%;min-height:var(--row);text-align:left;color:var(--color-text-secondary);transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out);border-radius:7px;align-items:center;gap:.5rem;padding:.4rem .65rem;display:flex}.side-row-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-row.selected{background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:600}button.side-row:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){button.side-row:hover{background:var(--color-bg-component);color:var(--color-text-primary)}}.composer{background:var(--color-bg-muted);color:var(--color-text-tertiary);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem;padding:.5rem .5rem .5rem 1rem;display:flex}.composer-send{background:var(--color-bg-inverse);border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.composer-send svg{fill:none;width:16px;height:16px;stroke:var(--color-text-inverse);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.typing{background:var(--color-bg-muted);border-radius:10px;align-self:flex-start;gap:4px;padding:.6rem .8rem;display:inline-flex}.typing i{background:var(--color-text-tertiary);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.typing i{animation:none}.pp-meter-track i{transition:none}}.demo{padding-block:var(--section)}.demo-grid{gap:clamp(2rem,4vw,3rem);display:grid}.demo-intro{flex-wrap:wrap;align-items:baseline;gap:.75rem 2.5rem;display:flex}.demo-intro .lead{max-width:34ch}.demo-app .app-body{height:38rem}.demo-caption{max-width:44ch;min-height:2.9em;font-family:var(--font-display);font-variation-settings:var(--display-axes)}.demo-panel{flex:1;height:100%;min-height:0;display:flex}.demo-panel[hidden]{display:none}.demo-chat{flex-direction:column;flex:1;min-width:0;display:flex}.demo-chat-head{font-size:var(--step-small);padding:.9rem 1.25rem .25rem}.demo-steps{scrollbar-width:thin;flex-direction:column;flex:1;gap:.75rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.demo-usage{background:var(--color-bg-muted);flex-direction:column;flex:0 0 15rem;gap:1rem;padding:1rem;display:flex}.demo-usage-note{color:var(--color-text-tertiary);margin-top:auto;font-size:.8125rem}.demo-tabs{flex-direction:column;gap:2px;display:flex}.step.waiting{display:none}@media (prefers-reduced-motion:no-preference){.step.shown{animation:step-in .42s var(--ease-out)}.demo-panel.fade{animation:crossfade var(--t-fade) var(--ease-soft)}}@keyframes step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes crossfade{0%{opacity:0}to{opacity:1}}@media (width<=64em){.demo-panel{flex-direction:column}.demo-usage{flex:none;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.demo-usage .app-heading,.demo-usage-note{grid-column:1/-1}.demo-app .app-body{height:auto}.demo-steps{flex:none;height:28rem}}@media (width<=40em){.demo-app .app-body{flex-direction:column;height:auto}.demo-app .app-side{flex:none;padding:.5rem}.demo-app .app-side .app-heading{display:none}.demo-tabs{scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;overflow-x:auto}.demo-tabs .side-row{scroll-snap-align:start;flex:none;width:auto}.demo-steps{flex:none;height:26rem;padding:1rem}.demo-panel{height:auto}}.community{padding-block:var(--section)}.community .head{margin-bottom:clamp(2.5rem,5vw,4rem)}.community-list{gap:2.5rem var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.community-list h3{font-size:var(--step-chapter);letter-spacing:-.025em;line-height:1.05}.community-list p{max-width:34ch;color:var(--color-text-secondary);margin-top:.25rem}.community-link,.community-later{min-height:var(--row);align-items:center;gap:.4rem;margin-top:.5rem;font-weight:600;display:inline-flex}.community-link{text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}@media (hover:hover) and (pointer:fine){.community-link:hover{text-decoration-color:currentColor}}.community-later{color:var(--color-text-secondary)}@media (width<=40em){.community-list{grid-template-columns:minmax(0,1fr);gap:3rem}}.details{gap:2.5rem var(--gutter);padding-block:var(--section);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.details .head{max-width:12ch;position:sticky;top:2rem}.details-list{gap:clamp(1.75rem,3vw,2.5rem);display:grid}.details-list h3{font-size:var(--step-title);letter-spacing:-.01em;margin-bottom:.4rem;line-height:1.2}.details-list p{max-width:52ch;color:var(--color-text-secondary)}@media (width<=52em){.details{grid-template-columns:1fr}.details .head{max-width:none;position:static}}.trust{padding-block:var(--section)}.trust .head{max-width:18ch;margin-bottom:clamp(2.5rem,5vw,4rem)}.trust-cols{gap:2rem var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.trust-cols p{max-width:44ch;font-size:var(--step-body);color:var(--color-text-inverse-secondary);line-height:1.65}.trust-cols a{color:var(--color-text-inverse);text-decoration-color:color-mix(in srgb, currentColor 50%, transparent);font-weight:600}@media (hover:hover) and (pointer:fine){.trust-cols a:hover{text-decoration-color:currentColor}}@media (width<=52em){.trust-cols{grid-template-columns:1fr}.trust-cols p{max-width:var(--measure)}}.get{gap:2.5rem var(--gutter);padding-block:var(--section);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;display:grid}.get-copy .lead{max-width:34ch;margin-top:1.25rem}.get-side{justify-items:start;gap:1.25rem;display:grid}.get-systems{gap:4px;width:100%;display:grid}.get-systems li{border-radius:var(--radius);background:var(--color-bg-surface);min-height:4rem;font-family:var(--font-display);font-variation-settings:var(--display-axes);font-size:var(--step-title);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-weight:560;display:flex}.get-badge{border-radius:var(--radius-pill);background:var(--color-bg-component);font-family:var(--font-text);font-size:var(--step-small);letter-spacing:0;color:var(--color-text-secondary);padding:.15rem .65rem;font-weight:600}.get-note{color:var(--color-text-secondary);margin-top:.5rem}@media (width<=52em){.get{grid-template-columns:1fr}}@media (width<=30em){.get-side .btn-l{width:100%}}.faq{padding-block:var(--section)}.faq .head{margin-bottom:clamp(2.5rem,5vw,4rem)}.faq-list{gap:clamp(2rem, 4vw, 3rem) var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.faq-list dt{font-size:var(--step-title);font-family:var(--font-display);font-variation-settings:var(--display-axes);letter-spacing:-.01em;max-width:30ch;margin-bottom:.5rem;font-weight:560;line-height:1.25}.faq-list dd{max-width:52ch;color:var(--color-text-secondary)}@media (width<=52em){.faq-list{grid-template-columns:1fr}}
