.flow-page{color-scheme:light;--ai-bg: oklch(1 0 0);--ai-raised: oklch(1 0 0);--ai-ink: oklch(.185 .005 50);--ai-muted: oklch(.44 .008 50);--ai-line: oklch(.64 .008 50);--ai-primary: oklch(.585 .19 24);--ai-primary-ink: oklch(1 0 0);--ai-danger: oklch(.48 .18 24);--flow-night: oklch(.145 .003 50);--flow-night-ink: oklch(.95 .003 50);--flow-night-muted: oklch(.7 .006 50);--flow-ok: oklch(.72 .14 155);--flow-ok-ink: oklch(.5 .13 155);--flow-grain: oklch(.78 .004 50 / 34%);--flow-quiet: oklch(.185 .005 50 / 8%);--flow-measure: 30rem;--flow-control: 2.75rem;--flow-heading: 1.75rem;background:var(--ai-bg);color:var(--ai-ink)}:root[data-theme=dark] .flow-page{color-scheme:dark;--ai-bg: oklch(.19 .004 50);--ai-raised: oklch(.245 .005 50);--ai-ink: oklch(.95 .003 50);--ai-muted: oklch(.72 .008 50);--ai-line: oklch(.54 .006 50);--ai-primary: oklch(.68 .17 24);--ai-primary-ink: oklch(.17 .03 24);--ai-danger: oklch(.7 .16 24);--flow-ok-ink: oklch(.78 .14 155);--flow-night: oklch(.13 .003 50);--flow-quiet: oklch(.95 .003 50 / 12%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .flow-page{color-scheme:dark;--ai-bg: oklch(.19 .004 50);--ai-raised: oklch(.245 .005 50);--ai-ink: oklch(.95 .003 50);--ai-muted: oklch(.72 .008 50);--ai-line: oklch(.54 .006 50);--ai-primary: oklch(.68 .17 24);--ai-primary-ink: oklch(.17 .03 24);--ai-danger: oklch(.7 .16 24);--flow-ok-ink: oklch(.78 .14 155);--flow-night: oklch(.13 .003 50);--flow-quiet: oklch(.95 .003 50 / 12%)}}.flow-main :focus-visible{outline:2px solid var(--ai-ink);outline-offset:3px}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}.flow-main{display:flex;flex-direction:column;min-width:0;min-height:100dvh;padding:max(2rem,env(safe-area-inset-top)) clamp(1.5rem,4vw,3.5rem) max(1.25rem,env(safe-area-inset-bottom))}.flow-top{display:flex;align-items:center;min-height:2.75rem}.flow-lockup{display:flex;align-items:baseline;gap:1rem}.flow-lockup svg{flex:none;width:132px;height:auto;aspect-ratio:644.05 / 102.21}.flow-lockup .flow-lockup-inverse{display:none}:root[data-theme=dark] .flow-lockup .flow-lockup-positive{display:none}:root[data-theme=dark] .flow-lockup .flow-lockup-inverse{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .flow-lockup .flow-lockup-positive{display:none}:root:not([data-theme=light]) .flow-lockup .flow-lockup-inverse{display:block}}.flow-env-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ai-muted)}.flow-panel{flex:1;display:flex;align-items:flex-start;justify-content:center;min-width:0;padding-block:clamp(2.5rem,15vh,9rem) 2.5rem}.flow-content{width:100%;max-width:var(--flow-measure)}.flow-panel .flow-identity-add{height:var(--flow-control);padding-inline:var(--pw-space-lg);border-radius:999px}.flow-panel .flow-identity-list{gap:1.25rem .5rem;margin-bottom:.75rem}.flow-panel .flow-identity-remove{position:relative;display:grid;place-items:center;width:1.25rem;height:1.25rem}.flow-panel .flow-identity-remove:after{content:"";position:absolute;inset:-.75rem}.flow-identity{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:var(--pw-space-sm)}.flow-identity-email{color:var(--ai-ink);font-size:var(--text-base);font-weight:500;overflow-wrap:anywhere}.flow-progress{display:flex;align-items:center;gap:var(--pw-space-md);margin-bottom:var(--pw-space-lg);font-size:var(--text-xs);color:var(--ai-muted)}.flow-progress-marks{display:flex;gap:var(--pw-space-xs)}.flow-progress-marks i{display:block;width:1.25rem;height:3px;border-radius:2px;background:var(--ai-line)}.flow-progress-marks i[data-state=current]{background:var(--ai-primary)}.flow-progress-marks i:is([data-state=done],[data-state=skipped]){background:var(--ai-ink)}.flow-foot{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--pw-space-lg);font-size:var(--text-xs);line-height:1.6;--foot-ink: var(--ai-ink);--foot-muted: var(--ai-muted);--foot-quiet: var(--flow-quiet);color:var(--foot-muted)}.flow-foot a,.flow-foot>button{color:var(--ai-ink);text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;white-space:nowrap}.flow-theme{display:flex;align-items:center;gap:2px;margin-inline-start:calc((2.75rem - 15px)/-2)}.flow-foot a+.flow-theme,.flow-foot>button+.flow-theme{margin-inline-start:var(--pw-space-md)}.flow-showcase{position:sticky;top:0;height:100dvh;padding:1.5rem 1.5rem 1.5rem 0}.flow-plate{position:relative;isolation:isolate;overflow:hidden;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2rem,5vw,4rem);border-radius:1rem;background:var(--flow-night);color:var(--flow-night-ink);text-align:center}:root[data-theme=dark] .flow-plate{box-shadow:inset 0 0 0 1px var(--ai-line)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .flow-plate{box-shadow:inset 0 0 0 1px var(--ai-line)}}.flow-plate:after{content:"";position:absolute;inset-inline:0;bottom:0;height:45%;z-index:-1;pointer-events:none;background:var(--flow-grain);mask-image:repeating-linear-gradient(90deg,transparent 0 5px,black 5px 7px,transparent 7px 10px),repeating-linear-gradient(0deg,transparent 0 5px,black 5px 7px,transparent 7px 10px),linear-gradient(180deg,transparent,black 70%);mask-composite:intersect}.flow-showcase-title{max-width:20ch;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.flow-showcase-lead{max-width:42ch;margin-top:var(--pw-space-md);font-size:var(--text-base);line-height:1.5;color:var(--flow-night-muted);text-wrap:pretty}.flow-card{width:min(100%,27rem);margin-top:clamp(2rem,5vh,3rem);overflow:hidden;text-align:start;font-size:var(--text-sm);background:var(--ai-raised);color:var(--ai-ink);border-radius:.875rem;box-shadow:0 1.5rem 3rem -1rem #0000008c,0 0 0 1px #ffffff0f}.flow-card-head,.flow-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--pw-space-md);padding:var(--pw-space-md) var(--pw-space-lg)}.flow-card-head{border-bottom:1px solid oklch(from var(--ai-line) l c h / 35%)}.flow-card-head strong{font-weight:600}.flow-card-sample{margin-inline-start:var(--pw-space-sm);padding:.0625rem .5rem;border:1px solid var(--ai-line);border-radius:999px;font-size:var(--text-xs);font-weight:500;color:var(--ai-muted)}.flow-card-foot{border-top:1px solid oklch(from var(--ai-line) l c h / 35%);font-size:var(--text-xs);color:var(--ai-muted)}.flow-card-data{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ai-muted);overflow-wrap:anywhere}.flow-card-rows li{display:grid;grid-template-columns:.5rem minmax(0,7.5rem) minmax(0,1fr) auto;column-gap:var(--pw-space-sm);align-items:center;padding:.625rem var(--pw-space-lg)}.flow-card-rows li+li{border-top:1px solid oklch(from var(--ai-line) l c h / 20%)}.flow-card-rows i{width:.5rem;height:.5rem;border-radius:999px}.flow-card-rows li[data-unread] i{background:var(--ai-accent, oklch(.66 .13 50))}.flow-card-rows b,.flow-card-rows span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-card-rows b{font-weight:500}.flow-card-rows li[data-unread] b{font-weight:600}.flow-card-rows span{color:var(--ai-muted)}.flow-card-health{display:flex;flex-wrap:wrap;gap:var(--pw-space-xs) var(--pw-space-sm)}.flow-card-health span{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono)}.flow-card-health svg,.flow-card-verdict{color:var(--flow-ok-ink)}.flow-card-verdict{font-weight:600;white-space:nowrap}.flow-card-mailboxes li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;column-gap:var(--pw-space-md);align-items:center;padding:.625rem var(--pw-space-lg)}.flow-card-mailboxes li[data-kind=linked]{padding-inline-start:calc(var(--pw-space-lg) + 1.5rem)}.flow-card-mailboxes li+li{border-top:1px solid oklch(from var(--ai-line) l c h / 20%)}.flow-card-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;font-size:var(--text-xs);font-weight:600;background:oklch(from var(--ai-primary) l c h / 14%);color:var(--ai-ink)}.flow-card-mailboxes b{display:block;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-card-kind{font-size:var(--text-xs);color:var(--ai-muted)}.flow-card-mailboxes li[data-kind=adding]{color:var(--ai-muted)}.flow-card-mailboxes li[data-kind=adding] .flow-card-avatar{background:transparent;border:1px dashed var(--ai-line)}.flow-theme button{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);color:var(--foot-muted);transition:color .15s ease-out,background-color .15s ease-out}.flow-theme button:hover{color:var(--foot-ink)}.flow-theme button[aria-checked=true]{color:var(--foot-ink);background:var(--foot-quiet)}.flow-heading{font-size:var(--flow-heading);font-weight:600;line-height:1.3;letter-spacing:-.025em}.flow-lead{margin-top:var(--pw-space-sm);margin-bottom:var(--pw-space-xl);color:var(--ai-muted);font-size:var(--text-sm);line-height:1.5}.flow-heading:not(:has(+.flow-lead)){margin-bottom:var(--pw-space-xl)}.flow-form{display:grid;gap:var(--pw-space-lg)}.flow-form .field{min-height:var(--flow-control);font-size:var(--text-base);caret-color:var(--ai-primary)}.flow-form .field:hover{border-color:var(--ai-muted)}.flow-form .field[aria-invalid=true],.flow-form .field[aria-invalid=true]:focus-visible{border-color:var(--ai-danger)}.flow-panel .flow-form .field:focus-visible{outline-offset:0}.flow-panel .flow-form .field[aria-invalid=true]:focus-visible{outline-color:var(--ai-danger);outline-offset:2px}.flow-field-row{position:relative;display:flex;align-items:center}.flow-field-revealed{padding-right:4rem}.flow-reveal{position:absolute;right:.25rem;display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding-inline:var(--pw-space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--ai-muted);transition:color .15s ease-out,background-color .15s ease-out}@media(hover:hover){.flow-reveal:hover{color:var(--ai-ink);background:var(--flow-quiet)}}.flow-reveal:focus-visible{outline-offset:1px}.flow-field-data,.flow-line-address{font-family:var(--font-mono)}.flow-form .field.flow-field-data{font-size:var(--text-sm)}.flow-field-port{max-width:8rem}.flow-group{min-width:0;border:0;padding:0}.flow-group>legend{padding:0;font-size:var(--text-sm);font-weight:600;letter-spacing:-.005em}.flow-group-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,12rem);gap:var(--pw-space-md);margin-top:var(--pw-space-sm)}.flow-group-body>:nth-child(3){grid-column:1 / -1}.flow-group+.flow-group{margin-top:var(--pw-space-sm)}.flow-servers{border:1px solid var(--ai-line);border-radius:.5rem;padding:var(--pw-space-md) var(--pw-space-lg)}.flow-servers-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pw-space-md);font-size:var(--text-sm)}.flow-servers-head span{color:var(--ai-muted)}.flow-lines{display:grid;gap:var(--pw-space-xs);margin-top:var(--pw-space-xs);font-size:var(--text-sm)}.flow-lines li{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;column-gap:var(--pw-space-sm);align-items:baseline;line-height:1.6rem}.flow-line-proto{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--ai-muted)}.flow-line-address{overflow-wrap:anywhere}.flow-line-address span{color:var(--ai-muted)}.flow-line-state{display:inline-flex;align-items:center;gap:.375rem;align-self:center;font-size:var(--text-xs);font-weight:500;white-space:nowrap;color:var(--ai-muted)}.flow-lines li[data-state=ok] .flow-line-state{color:var(--flow-ok-ink)}.flow-lines li:is([data-state=refused],[data-state=unreached],[data-state=insecure],[data-state=untrusted]) .flow-line-state{color:var(--ai-danger)}.flow-signing{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--text-xs);color:var(--ai-muted)}.flow-signing:empty{display:none}.flow-text-action{display:inline-flex;align-items:center;min-height:2.75rem;font-size:var(--text-sm);font-weight:500;color:var(--ai-ink);text-decoration:underline;text-decoration-color:var(--ai-line);text-underline-offset:3px;transition:text-decoration-color .15s ease-out}.flow-text-action:hover{text-decoration-color:currentColor}.flow-servers-head .flow-text-action{flex:none}.flow-hint{color:var(--ai-muted);font-size:var(--text-xs);line-height:1.5}.flow-new{margin-top:var(--pw-space-xl);color:var(--ai-muted);font-size:var(--text-sm)}.flow-choices{display:grid;gap:var(--pw-space-md)}.flow-choice{display:flex;align-items:flex-start;gap:var(--pw-space-md);width:100%;min-height:var(--flow-control);padding:var(--pw-space-md) var(--pw-space-lg);border:1px solid var(--ai-line);border-radius:.5rem;background:var(--ai-raised);text-align:start;color:var(--ai-ink);cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out}.flow-choice>span{flex:1;min-width:0}.flow-choice-go{flex:none;align-self:center;color:var(--ai-muted);transition:transform .15s ease-out,color .15s ease-out}@media(hover:hover){.flow-choice:hover:not(:disabled){border-color:var(--ai-muted);background:var(--flow-quiet)}.flow-choice:hover:not(:disabled) .flow-choice-go{color:var(--ai-ink);transform:translate(2px)}}.flow-choice:disabled{cursor:not-allowed;border-color:oklch(from var(--ai-line) l c h / 45%);background:transparent}.flow-choice:disabled strong{color:var(--ai-muted);font-weight:400}.flow-choice:disabled .flow-choice-go{visibility:hidden}.flow-kbd-hint{margin-top:var(--pw-space-lg)}@media(pointer:coarse){.flow-kbd-hint{display:none}}.flow-choice-parent{margin-bottom:var(--pw-space-md)}.flow-choice strong{display:block;font-weight:600}.flow-choice small{display:block;margin-top:.25rem;color:var(--ai-muted);font-size:var(--text-sm);line-height:1.5}.flow-actions{display:flex;align-items:center;gap:var(--pw-space-sm);margin-top:var(--pw-space-xl)}.flow-primary{margin-inline-start:auto;height:var(--flow-control);padding-inline:var(--pw-space-xl);border-radius:999px;font-size:var(--text-sm);font-weight:600;background:var(--ai-primary);color:var(--ai-primary-ink)}.flow-secondary{height:var(--flow-control);padding-inline:var(--pw-space-lg);font-size:var(--text-sm);border-radius:999px}@media(hover:hover){.flow-secondary:hover:not([aria-disabled=true]){background:var(--flow-quiet);color:var(--ai-ink)}}.flow-secondary[aria-disabled=true]{cursor:default}.flow-primary:hover:not(:disabled,[aria-disabled=true]){background:oklch(from var(--ai-primary) calc(l - .04) c h)}.flow-primary[aria-disabled=true]{opacity:.65;cursor:default}.flow-primary-wide{width:100%}.flow-error{color:var(--ai-danger);font-size:var(--text-sm);line-height:1.5}.flow-error a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.flow-form .flow-error{min-height:1.5em}.flow-form .flow-actions{margin-top:calc(var(--pw-space-sm) - var(--pw-space-lg))}.flow-error:focus-visible{outline:2px solid var(--ai-ink);outline-offset:4px}.flow-focus-region:focus-visible{outline:2px solid var(--ai-ink);outline-offset:4px}.flow-note{margin-top:var(--pw-space-xl);color:var(--ai-muted);font-size:var(--text-xs);line-height:1.75}.flow-verdict{border-radius:.5rem;border:1px solid var(--ai-line);padding:var(--pw-space-lg)}.flow-verdict[data-tone=bad]{border-color:oklch(from var(--ai-danger) l c h / 40%);background:oklch(from var(--ai-danger) l c h / 8%)}.flow-verdict[data-tone=warn]{border-color:#dfa11a73;background:#dfa11a1a}.flow-verdict[data-tone=good]{border-color:oklch(from var(--flow-ok) l c h / 45%);background:oklch(from var(--flow-ok) l c h / 10%)}.flow-verdict[data-tone=muted]{border-color:var(--ai-line);background:var(--ai-raised)}@media(max-width:1023px){.flow-layout{grid-template-columns:minmax(0,1fr)}.flow-showcase{display:none}.flow-main{padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.flow-panel{padding-block:2.5rem 2rem}.flow-actions{flex-direction:column;align-items:stretch}.flow-primary{margin-inline-start:0}.flow-group-body{grid-template-columns:minmax(0,1fr)}.flow-lines li{grid-template-columns:3rem minmax(0,1fr)}.flow-line-state{grid-column:2}}