.agent-setup .setup-tabs{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:max-content;max-width:100%;display:grid;position:relative}.agent-setup .setup-tab-indicator{pointer-events:none;background:oklch(93.8% .003 286.348);border-radius:999px;width:50%;transition:transform .22s cubic-bezier(.455,.03,.515,.955);position:absolute;inset:0 auto 0 0;transform:translate(0)}.agent-setup:has(#setup-browser:checked) .setup-tab-indicator{transform:translate(100%)}.agent-setup .setup-tabs label{white-space:nowrap;justify-content:center;position:relative}.agent-setup .setup-tabs label:has(input:checked){background:0 0}.agent-setup .setup-panels{position:relative;overflow:visible}.agent-setup .setup-panel{opacity:0;visibility:hidden;filter:blur(2px);pointer-events:none;width:100%;min-width:0;transition:opacity .1s cubic-bezier(.23,1,.32,1),filter .1s cubic-bezier(.23,1,.32,1),visibility 0s .1s;position:absolute;inset:0 auto auto 0}.agent-setup:has(#setup-agent:checked) #setup-agent-panel,.agent-setup:has(#setup-browser:checked) #setup-browser-panel{opacity:1;visibility:visible;filter:blur();pointer-events:auto;transition-duration:.16s;transition-delay:.1s;position:relative}@media (hover:hover) and (pointer:fine){.agent-setup .setup-tabs label:hover{color:var(--ink);background:0 0}}@media (prefers-reduced-motion:reduce){.agent-setup .setup-tab-indicator{transition:none}.agent-setup .setup-panel,.agent-setup:has(input:checked) .setup-panel{filter:none;transition:opacity .12s linear}}.setup-steps{border-block:1px solid var(--line);counter-reset:setup;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:calc(100% + 48px);margin:24px 0 32px;padding:0;list-style:none;display:grid;position:relative;inset-inline-start:-24px}.setup-steps li{counter-increment:setup;flex-direction:column;gap:8px;padding:24px;font-size:14px;line-height:1.6;display:flex}.setup-steps li+li{border-inline-start:1px solid var(--line)}.setup-steps li:before{content:counter(setup);color:oklch(100% 0 0);background:oklch(54% .2 290);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.setup-steps li:nth-child(2):before{background:oklch(48% .11 170)}.setup-steps li:nth-child(3):before{background:oklch(53% .17 35)}.setup-steps span{color:var(--muted)}@media (width<=700px){.setup-steps{width:calc(100% + 50px);inset-inline-start:-25px}}@media (width<=600px){.setup-steps{grid-template-columns:1fr;gap:0}.setup-steps li{grid-template-columns:24px 1fr;gap:4px 12px;padding:24px 25px;display:grid}.setup-steps li+li{border-inline-start:0;border-top:1px solid var(--line)}.setup-steps li:before{grid-row:span 2}.setup-steps span{grid-column:2}}.agent-setup .setup-tabs label{min-height:44px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;padding:10px 12px;font-size:12px;display:flex}.setup-tabs label>span{align-items:center;gap:7px;display:inline-flex}.setup-tabs input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.setup-tabs label:has(input:checked){color:var(--ink)}.setup-tabs label:has(input:focus-visible){outline:2px solid var(--muted);outline-offset:2px}.agent-setup [role=region]>p{color:var(--muted);font-size:12px;line-height:1.7}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.message-demo .stack-art{transform-origin:50%;transition:transform .18s var(--ease-out);transform:scale(1)}.message-demo .mail-stack:hover .stack-art{transform:scale(1.02)}}.message-demo .preview-toggle{appearance:none;z-index:2;width:100%;height:100%;min-height:0;box-shadow:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;margin:0;padding:0;position:absolute;inset:0}.message-demo .preview-toggle:focus-visible{outline:2px solid var(--muted);outline-offset:5px}.message-demo .demo-conversation{visibility:hidden}.message-demo:has(.preview-toggle:checked) .demo-conversation{visibility:visible}.demo-hint-closed,.demo-hint-open{align-items:center;gap:6px}.demo-hint-closed{display:inline-flex}.demo-hint-open,.message-demo:has(.preview-toggle:checked) .demo-hint-closed{display:none}.message-demo:has(.preview-toggle:checked) .demo-hint-open{display:inline-flex}