.app-flow{--flow-shadow:0 12px 32px -24px color-mix(in oklab, var(--foreground) 24%, transparent);--flow-active-shadow:0 12px 30px -22px color-mix(in oklab, var(--volt) 48%, transparent);letter-spacing:0;min-width:0}.app-flow main,.app-flow main :is(form,[class~=grid])>*,.app-flow .cfg-input{min-width:0}.app-flow h1,.app-flow h2,.app-flow h3{letter-spacing:0;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;white-space:normal;text-wrap:balance;line-height:1.15}body:has(.app-flow) [role=dialog] :is(h1,h2,h3){letter-spacing:0;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;white-space:normal;text-wrap:balance;line-height:1.15}.app-flow h1[data-flow-fit]{font-size:var(--flow-heading-size)}.app-flow h1{text-wrap:balance}.app-flow p{line-height:1.6}.app-flow [class*=tracking-]{letter-spacing:0}.app-flow [class~="text-[10px]"]{font-size:11px}.app-flow [class~="text-[11px]"]{font-size:12px}.app-flow [data-flow-panel]{border-radius:var(--radius);box-shadow:var(--flow-shadow);transition:border-color .25s,box-shadow .25s,background-color .25s}.app-flow [data-flow-enter].flow-visible{animation:.55s cubic-bezier(.2,.8,.2,1) both app-flow-enter}.app-flow h1[data-flow-enter].flow-visible{animation-name:app-flow-title}.app-flow :is(button,a){touch-action:manipulation;transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}.app-flow :is(button,a):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.app-flow :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}.app-flow :is(input,textarea,select):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app-flow :is(button,a)[class~=bg-volt],.app-flow :is(button,a)[class~=bg-primary]{border-radius:var(--radius-sm);box-shadow:var(--flow-active-shadow)}.flow-topbar{border-bottom:1px solid var(--border);background:var(--panel);color:var(--foreground);min-height:64px}.flow-brand{font-family:var(--font-display);font-size:18px;font-weight:800}.flow-brand-dot{color:var(--volt)}.flow-status{color:var(--muted-foreground);font-size:10px}.flow-topbar-actions{color:var(--muted-foreground)}.flow-topbar-actions a:hover{color:var(--volt)}.flow-dock{border-radius:var(--radius);box-shadow:var(--flow-shadow)}.flow-dock a{border-radius:var(--radius-sm);letter-spacing:0;min-height:56px;position:relative}.flow-dock a[aria-current=page]:after{content:"";background:var(--volt);border-radius:var(--radius-sm);width:16px;height:2px;position:absolute;bottom:3px}body:has(.app-flow) [role=dialog]{border-color:var(--border);border-radius:var(--radius);box-shadow:0 24px 72px -28px color-mix(in oklab,var(--foreground) 24%,transparent)}body:has(.app-flow) [role=dialog] :is(h1,h2,h3){letter-spacing:0}@keyframes app-flow-enter{0%{opacity:.4}to{opacity:1}}@keyframes app-flow-title{0%{opacity:.4;translate:0 12px}to{opacity:1;translate:0}}@media(hover:hover)and (pointer:fine){.app-flow [data-flow-panel]:hover{border-color:color-mix(in oklab,var(--volt) 40%,var(--border));box-shadow:var(--flow-active-shadow)}.flow-dock a:hover svg{translate:0 -2px}.flow-dock svg{transition:translate .2s}}@media(max-width:767px){.app-flow :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px}.app-flow main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.app-flow h1{font-size:28px}.flow-brand{font-size:15px}.flow-topbar{min-height:60px}.flow-dock a{font-size:9px}}@media(max-width:359px){.flow-brand{font-size:13px}.flow-topbar-actions{gap:6px}.flow-dock a{font-size:8px}.app-flow [class~=grid-cols-3]{gap:8px}.app-flow [class~=grid-cols-3]>button{padding:10px 6px}.app-flow [class~=grid-cols-3]>button span[class~=size-6]{width:16px;height:20px}}@media(max-width:420px){.flow-topbar{flex-wrap:wrap;row-gap:8px}.flow-topbar .flow-brand{flex:1 0 100%;font-size:16px}.flow-topbar-actions{justify-content:flex-end;width:100%}}@media(prefers-reduced-motion:reduce){.app-flow *,.app-flow :before,.app-flow :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.app-flow [data-flow-enter]{opacity:1;translate:none}.flow-dock a:hover svg{translate:none}}.auth-flow{isolation:isolate;position:relative}.auth-flow:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in oklab,var(--foreground) 3%,transparent) 1px,transparent 1px);background-size:100% 48px;position:absolute;inset:0}.auth-flow-layout{max-width:1080px}.auth-flow-brand{letter-spacing:0;overflow-wrap:normal;word-break:normal;font-size:36px;line-height:1.05}.auth-flow-brand span{display:block}.auth-flow-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.auth-flow-tabs{position:relative}.auth-flow-tabs:before{content:"";background:var(--volt);width:50%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0}.auth-flow-tabs[data-mode=signup]:before{transform:translate(100%)}.auth-flow-tab{height:54px;color:var(--muted-foreground);border-radius:0;font-size:12px;font-weight:700}.auth-flow-tab[aria-pressed=true]{color:var(--volt);background:color-mix(in oklab,var(--volt) 6%,transparent)}.auth-flow-form{gap:20px}.auth-flow .auth-input{box-sizing:border-box;border:1px solid var(--input);background:color-mix(in oklab,var(--foreground) 3%,var(--panel));width:100%;min-width:0;color:var(--foreground);caret-color:var(--foreground);font-family:var(--font-mono);border-radius:6px;outline:none;padding:.9rem 1rem;font-size:16px;transition:border-color .2s,box-shadow .2s}.auth-flow .auth-input.pl-10{padding-left:2.5rem}.auth-flow .auth-input.pr-12{padding-right:3.25rem}.auth-flow .auth-input::placeholder{color:var(--muted-foreground);opacity:1}.auth-flow .auth-input:focus{border-color:var(--volt);box-shadow:0 0 0 3px color-mix(in oklab,var(--volt) 14%,transparent)}.auth-flow-submit{height:56px;font-size:18px;font-weight:800;position:relative;overflow:hidden}.auth-flow-submit:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary-foreground) 16%,transparent),transparent);width:30%;animation:6s ease-in-out infinite auth-shine;position:absolute;inset:0;transform:translate(-150%)skew(-20deg)}.auth-flow-submit:disabled:after{animation:none}.auth-flow-enter{animation:.6s cubic-bezier(.22,1,.36,1) both auth-enter}.auth-flow-panel.auth-flow-enter{animation-delay:.12s}.auth-flow .auth-flow-benefits li{animation:.5s both auth-enter}.auth-flow .auth-flow-benefits li:nth-child(2){animation-delay:80ms}.auth-flow .auth-flow-benefits li:nth-child(3){animation-delay:.16s}.auth-flow .auth-flow-benefits li:nth-child(4){animation-delay:.24s}.auth-flow .auth-flow-benefits li:nth-child(5){animation-delay:.32s}.auth-flow .auth-flow-benefits li:nth-child(6){animation-delay:.4s}.auth-flow h1,.auth-flow h2{letter-spacing:0}@keyframes auth-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-shine{0%,70%{transform:translate(-150%)skew(-20deg)}to{transform:translate(450%)skew(-20deg)}}@media(min-width:768px){.auth-flow-brand{font-size:48px}}@media(max-width:767px){.auth-flow-layout{align-items:start;gap:0;max-width:440px;padding-top:28px;padding-bottom:96px}.auth-flow-mobile-brand{text-align:left;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.auth-flow *,.auth-flow :before,.auth-flow :after{transition:none!important;animation:none!important}}@media(min-width:768px)and (hover:hover){.auth-flow-stage{perspective:1100px}.auth-flow-panel{box-shadow:0 28px 60px -30px color-mix(in oklab,var(--foreground) 22%,transparent);transition:transform .15s linear,box-shadow .3s,border-color .3s;position:relative}.auth-flow-panel:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(380px 260px at var(--mx,50%) var(--my,0%),color-mix(in oklab,var(--volt) 12%,transparent),transparent 70%);position:absolute;inset:0}.auth-flow-panel:hover{border-color:color-mix(in oklab,var(--volt) 45%,var(--border))}.auth-flow .auth-flow-benefits li{transition:transform .25s}.auth-flow .auth-flow-benefits li:hover{transform:translate(6px)}.auth-flow .auth-flow-benefits li span:first-child{transition:box-shadow .25s,background .25s}.auth-flow .auth-flow-benefits li:hover span:first-child{background:color-mix(in oklab,var(--volt) 16%,transparent);box-shadow:0 0 18px color-mix(in oklab,var(--volt) 40%,transparent)}.auth-flow-submit{transition:transform .2s,box-shadow .2s}.auth-flow-submit:not(:disabled):hover{box-shadow:0 16px 30px -10px color-mix(in oklab,var(--volt) 45%,transparent);transform:translateY(-3px)}.auth-flow-form{animation:.45s both auth-enter}}@media(prefers-reduced-motion:reduce){.auth-flow-panel{transform:none!important}.auth-flow-panel:after{display:none}}