#screen-onboarding{--e:cubic-bezier(.2,.8,.2,1);--sp:cubic-bezier(.34,1.45,.4,1);background:var(--canvas)}.au-wrap{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 14px) 20px calc(18px + env(safe-area-inset-bottom));z-index:1}.au-top{display:flex;align-items:center;justify-content:space-between;min-height:38px}.au-brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:850;letter-spacing:-.5px;color:var(--ink)}.au-brand b{display:flex}.au-brand b span{display:inline-block;animation:auRise .7s var(--e) both;animation-delay:calc(.15s + var(--i)*.04s)}@keyframes auRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.au-orb{width:26px;height:26px;position:relative;flex:none;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff,color-mix(in srgb,var(--brown-2) 70%,#fff) 25%,var(--brown) 65%,color-mix(in srgb,var(--brown) 55%,#000));box-shadow:0 6px 14px -5px var(--brown)}.au-orb:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--brown) 45%,transparent);animation:aiPulse 3s ease-in-out infinite}.au-dots{display:flex;justify-content:center;gap:7px;margin:14px 0 4px;min-height:8px}.au-dots i{width:8px;height:8px;border-radius:4px;background:var(--line-strong);transition:width .5s var(--sp),background-color .35s}.au-dots i.on{background:color-mix(in srgb,var(--brown) 55%,transparent)}.au-dots i.cur{width:30px;background:linear-gradient(90deg,var(--brown-2),var(--brown))}.au-stage{position:relative;flex:1;min-height:0}#screen-onboarding .onboard-step{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-y:auto;overflow-x:hidden;padding:6px 2px 10px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(70px,0,0) scale(.95);transition:transform .6s var(--sp),opacity .35s,visibility 0s .6s}#screen-onboarding .onboard-step.past{transform:translate3d(-70px,0,0) scale(.95)}#screen-onboarding .onboard-step.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:.05s,.05s,0s}.au-mark{position:relative;width:104px;height:104px;margin:14px 0 20px;flex:none}.au-mark b{position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff,color-mix(in srgb,var(--brown-2) 70%,#fff) 22%,var(--brown) 62%,color-mix(in srgb,var(--brown) 55%,#000));box-shadow:0 18px 30px -10px var(--brown),inset 0 -8px 14px rgba(0,0,0,.25);animation:auFloat 4.2s ease-in-out infinite}.au-mark i{position:absolute;border-radius:50%;border:1.6px solid color-mix(in srgb,var(--brown) 40%,transparent)}.au-mark i:nth-child(1){inset:8px;animation:cxSpin 9s linear infinite;border-top-color:var(--brown-2);border-right-color:transparent}.au-mark i:nth-child(2){inset:0;animation:cxSpin 14s linear infinite reverse;border-bottom-color:#8b7bf2;border-left-color:transparent}@keyframes auFloat{50%{transform:translateY(-6px) scale(1.04)}}.au-h{font-size:27px;font-weight:850;letter-spacing:-.8px;line-height:1.15;color:var(--ink);max-width:320px}.au-tag{margin:8px 0 20px;font-size:14.5px;font-weight:650;line-height:1.4;color:var(--ink-soft);min-height:20px}.au-ico{width:78px;height:78px;margin:12px 0 18px;flex:none;border-radius:28px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--brown-2),var(--brown));box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 18px 30px -12px var(--brown);animation:auPop .8s var(--sp) both}.au-ico svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;stroke-dashoffset:90;animation:auDraw 1.1s .25s var(--e) forwards}@keyframes auPop{from{opacity:0;transform:scale(.4) rotate(-14deg)}to{opacity:1;transform:none}}@keyframes auDraw{to{stroke-dashoffset:0}}.au-card{width:100%;max-width:400px;padding:8px 14px 12px;border-radius:28px;background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--sh-2);text-align:left;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.au-card+.au-card{margin-top:0}.au-f{position:relative;margin-top:6px;border-radius:18px;background:var(--surface-soft);border:1.5px solid transparent;transition:border-color .3s,box-shadow .3s,background-color .3s}.au-f input{width:100%;padding:24px 46px 8px 16px;font-size:17px;font-weight:600;color:var(--ink);background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}.au-f label{position:absolute;left:16px;top:18px;font-size:16px;font-weight:600;color:var(--ink-faint);pointer-events:none;transform-origin:left top;transition:transform .35s var(--e),color .3s}.au-f input:focus+label,.au-f input:not(:placeholder-shown)+label{transform:translateY(-12px) scale(.74);color:var(--brown)}.au-f:focus-within{border-color:var(--brown);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--brown) 16%,transparent)}.au-line{position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brown-2),#e0708f,#8b7bf2);transform:scaleX(0);transition:transform .5s var(--e)}.au-f:focus-within .au-line{transform:scaleX(1)}.au-f.err{animation:acShake .42s;border-color:var(--danger)}.au-st{position:absolute;right:14px;top:50%;width:24px;height:24px;margin-top:-12px;pointer-events:none}.au-st svg,.au-st em{position:absolute;inset:0;width:24px;height:24px;opacity:0;transform:scale(.4);transition:opacity .25s,transform .4s var(--sp);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.au-st svg.ok{stroke:var(--ok)}.au-st svg.bad{stroke:var(--danger)}.au-st svg.found{stroke:var(--brown)}.au-st em{border:2.5px solid var(--brown-line);border-top-color:var(--brown);border-radius:50%;animation:cxSpin .8s linear infinite}.au-f.ok .au-st svg.ok,.au-f.bad .au-st svg.bad,.au-f.found .au-st svg.found,.au-f.busy .au-st em{opacity:1;transform:none}.au-f.ok{border-color:color-mix(in srgb,var(--ok) 55%,transparent)}.au-f.bad{border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.au-f.found{border-color:color-mix(in srgb,var(--brown) 55%,transparent)}.au-hint{display:block;padding:0 6px;font-size:12.5px;font-weight:600;line-height:1.35;color:var(--ink-soft);min-height:16px}.au-f .pw-eye{position:absolute;right:8px;top:50%;margin-top:-17px;z-index:2}.au-seg{display:flex;gap:6px;margin:2px 4px 0}.au-seg i{flex:1;height:5px;border-radius:3px;background:var(--line-soft);transition:background-color .35s,transform .4s var(--sp)}.au-seg i.on{transform:scaleY(1.4)}.au-req{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 2px}.au-req span{padding:5px 10px;border-radius:99px;font-size:11.5px;font-weight:750;color:var(--ink-faint);background:var(--surface-soft);transition:color .3s,background-color .3s,transform .4s var(--sp)}.au-req span.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);transform:scale(1.06)}.au-req b{margin-left:auto;font-size:12px;color:var(--ink-soft)}.au-rulecard{padding:0;overflow:hidden;gap:0}.au-rp{height:3px;background:var(--line-soft)}.au-rp i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--brown-2),var(--brown));transition:transform .15s linear}.au-rulecard .onboard-rules-text{max-height:min(34vh,250px);overflow-y:auto;padding:14px 16px;font-size:13.5px;line-height:1.55;color:var(--ink-soft);background:transparent;border:0;text-align:left}.au-ava{position:relative;width:108px;height:108px;margin:14px 0 18px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:42px;font-weight:850;color:#fff;background:linear-gradient(150deg,#8b8b95,#4a4a55);cursor:pointer;box-shadow:0 0 0 4px var(--canvas),0 0 0 6px color-mix(in srgb,var(--brown) 55%,transparent),0 20px 34px -12px rgba(0,0,0,.45);animation:auPop .8s var(--sp) both}.au-ava.big{width:160px;height:160px;font-size:64px;margin:20px 0 14px;transition:transform .4s var(--sp)}.au-ava.big:active{transform:scale(.94)}.au-ava img{width:100%;height:100%;object-fit:cover}.au-cam{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;font-size:13.5px;font-weight:800;color:var(--brown);background:var(--brown-faint);border:1px solid var(--brown-line)}.au-cam svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.au-done{position:relative;width:132px;height:132px;margin:20px 0 18px;flex:none}.au-done svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.au-done circle{stroke:var(--ok);stroke-dasharray:145;stroke-dashoffset:145;fill:color-mix(in srgb,var(--ok) 14%,transparent)}.au-done path{stroke:var(--ok);stroke-dasharray:50;stroke-dashoffset:50}.onboard-step.active .au-done circle{animation:auDraw .8s .1s var(--e) forwards}.onboard-step.active .au-done path{animation:auDraw .6s .7s var(--e) forwards}#au-burst i{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:2px;opacity:0;animation:auBurst 1.2s var(--e) both}@keyframes auBurst{0%{opacity:1;transform:rotate(var(--a)) translateX(30px) scale(1)}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) rotate(200deg) scale(.4)}}.au-actions{display:flex;gap:10px;padding-top:6px}.au-actions .btn{padding:16px 18px;font-size:16px;font-weight:800}#onboard-back{flex:0 0 32%}#onboard-next{flex:1}#onboard-next:disabled{opacity:.8}.au-spin{display:inline-block;width:16px;height:16px;margin-right:9px;vertical-align:-3px;border:2.4px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cxSpin .8s linear infinite}#screen-onboarding .onboard-skip{margin:6px auto 0;font-size:13.5px;font-weight:750;color:var(--ink-soft)}#screen-onboarding .onboard-cloud{margin:4px auto 0}.auth-blob{filter:none!important;background:radial-gradient(circle,var(--bc,#E39A62) 0%,transparent 68%)!important}.auth-blob.b1{--bc:#E39A62;opacity:.5}.auth-blob.b2{--bc:#7C8CFF;opacity:.4}.auth-blob.b3{--bc:#E0708F;opacity:.32}html.fx-nodemo .au-mark i,html.fx-nodemo .au-mark b,html.fx-nodemo .au-orb:after{animation:none}html.fx-nostagger .au-brand b span,html.fx-nostagger .au-ico,html.fx-nostagger .au-ava{animation:none}html[data-glass="liquid"] .au-card{background:var(--lq-panel);border-color:var(--lq-edge);box-shadow:var(--lq-sh)}html[data-glass="liquid"] .au-f{background:rgba(120,105,92,.11);border-color:rgba(255,255,255,.4);box-shadow:inset 0 2px 5px rgba(50,30,15,.1)}html[data-glass="liquid"] .au-f:focus-within{background:rgba(255,255,255,.42);border-color:var(--brown)}html[data-glass="liquid"] .au-f.ok{border-color:color-mix(in srgb,var(--ok) 55%,transparent)}html[data-glass="liquid"] .au-f.bad{border-color:color-mix(in srgb,var(--danger) 45%,transparent)}
