.flow{background:var(--color-bg);min-height:100dvh}.flow-progress{background:var(--color-border);z-index:30;height:2px;position:fixed;top:0;left:0;right:0}.flow-progress span{background:var(--color-accent);height:100%;transition:width .32s cubic-bezier(.22,1,.36,1);display:block}.flow-top{z-index:20;height:56px;padding:2px max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));background:var(--color-bg);align-items:center;display:flex;position:sticky;top:0}.flow-back{min-width:44px;min-height:44px;color:var(--color-muted);font:500 15px/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;padding:0 8px;display:inline-flex}.flow-back[hidden]{display:none}.flow-screens,.flow-action-inner{width:100%;max-width:560px;margin:0 auto}.flow-screens{padding:0 max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left))}.flow-screen{outline:none;flex-direction:column;display:flex}.flow-screen[hidden]{display:none}.flow-screen--center{justify-content:center;min-height:calc(100dvh - 56px);padding-bottom:56px}.flow.has-action .flow-screen--center{min-height:calc(100dvh - 152px);padding-bottom:8px}.flow-screen--scroll{padding-top:8px;padding-bottom:48px}.flow.has-action .flow-screen--scroll{padding-bottom:128px}.flow-screen.is-in-fwd{animation:.2s cubic-bezier(.16,1,.3,1) flow-in-fwd}.flow-screen.is-in-back{animation:.2s cubic-bezier(.16,1,.3,1) flow-in-back}@keyframes flow-in-fwd{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes flow-in-back{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.flow-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.15}.flow-lead{color:var(--color-muted);margin:0 0 24px;font-size:17px;line-height:1.55}.flow-label{color:var(--color-muted);margin:0 0 10px;font-size:15px;font-weight:500;line-height:1.4;display:block}.flow-help{color:var(--color-muted);margin:14px 0 0;font-size:15px;line-height:1.5}.flow-error{min-height:0;color:var(--color-ink);margin:12px 0 0;font-size:15px;font-weight:500;line-height:1.5}.flow-error:empty{display:none}.flow-section-title{letter-spacing:.01em;color:var(--color-muted);margin:32px 0 10px;font-size:15px;font-weight:600}.flow-options{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.flow-option{border:1px solid var(--color-border);border-radius:var(--radius-box);background:var(--color-surface);width:100%;min-height:56px;color:var(--color-ink);font:500 16px/1.35 var(--font-sans);text-align:left;cursor:pointer;align-items:center;padding:12px 18px;transition:border-color .16s,background-color .16s;display:flex}.flow-option:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.flow-option[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink);border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);font-weight:500}.flow-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-box);background:var(--color-surface);width:100%;height:60px;color:var(--color-ink);font:400 20px/1.2 var(--font-sans);text-align:center;padding:0 16px;display:block}.flow-input::placeholder{color:var(--color-muted);opacity:1}.flow-input:focus{border-color:var(--color-ink);outline:2px solid var(--color-ink);outline-offset:2px}.flow-input[aria-invalid=true]{border-color:var(--color-ink)}.flow-btn{border-radius:var(--radius-btn);background:var(--color-cta) var(--grad-cta);width:100%;min-height:52px;color:var(--color-on-cta);font:600 16px/1.2 var(--font-sans);text-align:center;border:0;justify-content:center;align-items:center;padding:0 22px;transition:background-color .16s,border-color .16s;display:inline-flex}.flow-btn:hover{background:var(--color-cta-hover) var(--grad-cta-hover)}.flow-btn[hidden]{display:none}.flow-btn:disabled,.flow-btn[aria-busy=true]{opacity:.55;cursor:default}.flow-btn--ghost{color:var(--color-ink);border-color:var(--color-border);background:0 0}.flow-btn--text{min-height:44px;color:var(--color-muted);text-underline-offset:4px;background:0 0;border-color:#0000;font-weight:500;text-decoration:underline}.flow-back:focus-visible,.flow-option:focus-visible,.flow-btn:focus-visible,.flow-tab:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.flow-action{z-index:20;padding-top:12px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));background:var(--color-bg);border-top:1px solid var(--color-border);position:fixed;bottom:0;left:0;right:0}.flow-action[hidden]{display:none}.flow-upload-zone{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:140px;padding:20px;display:flex;position:relative}.flow-upload-zone:focus-within{border-color:var(--color-ink);outline:2px solid var(--color-ink);outline-offset:2px}.flow-upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flow-upload-title{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--color-ink);font-size:19px;font-weight:600}.flow-upload-name{color:var(--color-ink);overflow-wrap:anywhere;font-size:17px;font-weight:500}.flow-upload-name[hidden],.flow-upload-title[hidden]{display:none}.flow-upload-hint{color:var(--color-muted);font-size:15px}.flow-wait-bar{background:var(--color-border);border-radius:2px;height:3px;margin:28px 0 20px;position:relative;overflow:hidden}.flow-wait-bar:after{content:"";background:var(--color-ink);border-radius:2px;width:38%;animation:1.6s cubic-bezier(.4,0,.2,1) infinite flow-wait;position:absolute;top:0;bottom:0;left:0}@keyframes flow-wait{0%{transform:translate(-110%)}to{transform:translate(290%)}}.flow-wait-state{color:var(--color-ink);margin:0;font-size:17px;font-weight:500}.flow-tabs{flex-wrap:wrap;gap:8px;margin:20px 0 24px;display:flex}.flow-tab{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-ink);font:500 15px/1.2 var(--font-sans);cursor:pointer;border-radius:9999px;align-items:center;padding:8px 16px;display:inline-flex}.flow-tab[aria-selected=true],.flow-tab[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}@media (width>=768px){.flow-top{padding-left:24px}.flow-title{font-size:34px}}@media (prefers-reduced-motion:reduce){.flow-screen.is-in-fwd,.flow-screen.is-in-back{animation:.2s ease-out flow-in-fade}@keyframes flow-in-fade{0%{opacity:0}to{opacity:1}}.flow-progress span{transition:none}.flow-wait-bar:after{width:100%;animation:1.6s ease-in-out infinite flow-wait-pulse}@keyframes flow-wait-pulse{0%,to{opacity:.25}50%{opacity:1}}}