.su{text-align:center;background:var(--chrome-bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:48px 20px 80px;display:flex;position:relative;overflow:hidden}.su-glow{pointer-events:none;position:absolute;inset:0}.su-glow span{will-change:transform;background:radial-gradient(circle,#c79a5647,#0000 65%);border-radius:50%;width:520px;height:520px;position:absolute}.su-glow span:first-child{animation:16s ease-in-out infinite alternate su-drift;top:-180px;right:-140px}.su-glow span:last-child{opacity:.8;animation:20s ease-in-out -6s infinite alternate-reverse su-drift;bottom:-220px;left:-160px}html[data-theme=light] .su-glow span{background:radial-gradient(circle,#c79a5638,#0000 65%)}@keyframes su-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,50px)scale(1.12)}}.su-logo{padding:4px 8px;animation:.8s cubic-bezier(.2,.8,.2,1) both su-rise;position:relative;overflow:hidden}.su-shine{background:linear-gradient(100deg,#0000,#fff4d68c,#0000);width:40%;animation:6s ease-in-out 1.2s infinite su-shine;position:absolute;inset:0;transform:translate(-160%)skew(-18deg)}@keyframes su-shine{0%{transform:translate(-160%)skew(-18deg)}25%,to{transform:translate(360%)skew(-18deg)}}.su-panel{border:1px solid var(--chrome-border);background:var(--chrome-panel);text-align:right;border-radius:24px;width:100%;max-width:380px;padding:22px 22px 24px;animation:.8s cubic-bezier(.2,.8,.2,1) .12s both su-rise;position:relative;box-shadow:0 0 0 1px #c79a5624,0 30px 60px -30px #0000008c}html[data-theme=light] .su-panel{box-shadow:0 0 0 1px #c79a562e,0 30px 60px -34px #5c401659}@keyframes su-rise{0%{opacity:0;transform:translateY(18px)}}.su-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 20px;padding:0;list-style:none;display:grid}.su-steps li{color:var(--chrome-muted);gap:6px;font-size:11px;font-weight:700;transition:color .3s;display:grid}.su-steps i{background:var(--chrome-border);border-radius:3px;height:3px;display:block;position:relative;overflow:hidden}.su-steps i:after{content:"";border-radius:inherit;transform-origin:100%;background:linear-gradient(90deg,#c79a56,#e9ca8b);transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}.su-steps [data-state=done] i:after,.su-steps [data-state=now] i:after{transform:scaleX(1)}.su-steps [data-state=now]{color:var(--brand-brass)}.su-step{animation:.45s cubic-bezier(.2,.8,.2,1) both su-step}@keyframes su-step{0%{opacity:0;transform:translate(-16px)}}.su-title{color:var(--chrome-text);margin-bottom:4px;font-size:17px;font-weight:800}.su-sub{color:var(--chrome-muted);margin-bottom:16px;font-size:12px;line-height:1.9}.su-input{height:46px;font-size:16px}.su-error{color:var(--brand-danger);margin-bottom:12px;font-size:12px;animation:.4s su-shake}@keyframes su-shake{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.su-ok{color:var(--brand-success)}.su-url{border:1px solid var(--chrome-border);background:var(--chrome-bg);height:46px;color:var(--chrome-muted);border-radius:12px;align-items:center;padding:0 12px;font-size:14px;transition:border-color .25s;display:flex}.su-url:focus-within{border-color:#c79a5699}.su-card{perspective:700px;width:78%;margin:4px auto 16px}.su-card-in{aspect-ratio:1.586;color:#d9b56e;background:linear-gradient(140deg,#2b2016,#0f0b07 55%,#22190f);border-radius:12px;flex-direction:column;justify-content:space-between;padding:12px 14px;transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:5s ease-in-out infinite su-float;display:flex;position:relative;overflow:hidden;transform:rotateX(8deg)rotateY(-10deg);box-shadow:inset 0 0 0 1px #c79a5659,0 18px 30px -18px #140c04cc}.su-card-in b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;opacity:.55;align-self:flex-start;max-width:100%;font-size:11px;font-weight:700;transition:opacity .4s;overflow:hidden}.su-card[data-ok=true] .su-card-in b{opacity:1}.su-card-in .nfc{opacity:.8;width:16px;position:absolute;top:12px;left:14px}.su-card-in:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fff4d673,#0000);width:40%;height:200%;position:absolute;top:-50%;left:-70%;transform:rotate(20deg)}.su-card[data-ok=true] .su-card-in:after{animation:1.1s ease-out su-glint}@keyframes su-glint{0%{opacity:1;left:-70%}to{opacity:1;left:140%}}@keyframes su-float{0%,to{translate:0}50%{translate:0 -5px}}.su-done{text-align:center;padding:8px 0 4px}.su-check{margin-bottom:10px;display:inline-grid}.su-check svg{fill:none;width:64px;height:64px;stroke:var(--brand-success);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.su-check circle{stroke-dasharray:145;stroke-dashoffset:145px;animation:.6s ease-out forwards su-draw}.su-check path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s ease-out .45s forwards su-draw}@keyframes su-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.su *,.su :after{transition:none!important;animation:none!important}.su-check circle,.su-check path{stroke-dashoffset:0}}.su-pass{margin-bottom:12px;position:relative}.su-pass .su-input{margin-bottom:0;padding-inline-end:44px}.su-pass button{top:0;width:44px;height:46px;color:var(--chrome-muted);place-items:center;display:grid;position:absolute;inset-inline-end:0}.su-pass button[aria-pressed=true]{color:var(--brand-brass)}.su-alt{width:100%;color:var(--chrome-muted);text-align:center;text-underline-offset:3px;margin-top:14px;font-size:12px;text-decoration:underline;display:block}.su-alt:hover{color:var(--brand-brass)}.su-note{text-align:center;color:var(--chrome-muted);margin-top:14px;font-size:11px;line-height:1.9}.ac{--tx:0;--ty:0;perspective:900px;justify-items:center;width:270px;max-width:100%;animation:.8s cubic-bezier(.2,.8,.2,1) 50ms both su-rise;display:grid;position:relative}.ac-float{width:100%;animation:5.5s ease-in-out infinite su-float}.ac-card{aspect-ratio:1.586;color:#d9b56e;transform:rotateY(calc(var(--tx) * 12deg)) rotateX(calc(var(--ty) * -9deg));background:radial-gradient(120% 90% at 85% 0,#c79a5633,#0000 55%),linear-gradient(140deg,#2d2217,#0f0b07 55%,#241a0f);border-radius:18px;flex-direction:column;justify-content:space-between;padding:16px 18px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c79a5680,0 28px 44px -24px #140c04e6}.ac-top{direction:ltr;justify-content:space-between;align-items:center;display:flex}.ac-waves{opacity:.7;width:20px;transition:opacity .3s;display:block}.ac-waves svg{width:100%;display:block}.ac-waves[data-live=true]{opacity:1;animation:1.1s ease-in-out infinite ac-pulse}@keyframes ac-pulse{50%{opacity:.45;transform:scale(1.12)}}.ac-body{align-items:center;min-height:34px;display:flex}.ac-num{letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 1px #ffecbe73,0 -1px #000000b3;gap:10px;font-size:19px;font-weight:700;display:flex}.ac-group{gap:2px;display:flex}.ac-d{justify-content:center;align-items:center;width:.62em;height:1.3em;font-style:normal;line-height:1;display:inline-flex}b.ac-d{color:#ecd197;animation:.3s cubic-bezier(.3,1.4,.4,1) ac-pop}@keyframes ac-pop{0%{opacity:0;transform:translateY(6px)scale(.7)}}.ac-d-empty:before{content:"";opacity:.3;background:currentColor;border-radius:50%;width:4px;height:4px;display:block}.ac-code{gap:8px;width:100%;display:flex}.ac-seg{transform-origin:0;background:#d9b56e2e;border-radius:6px;flex:1;height:6px;transition:background-color .25s,transform .25s}.ac-seg[data-on=true]{background:linear-gradient(90deg,#f3dca6,#c79a56);transform:scaleY(1.5);box-shadow:0 0 10px #ecd197b3}.ac-pass{align-items:center;gap:12px;width:100%;display:flex}.ac-lock{flex:none;width:26px;height:26px}.ac-shackle{transform-box:fill-box;transform-origin:100% 100%;transition:transform .45s cubic-bezier(.3,1.2,.4,1)}.ac-lock[data-open=true] .ac-shackle{transform:translateY(-3px)rotate(28deg)}.ac-dots{flex:1;gap:6px;display:flex}.ac-dots span{aspect-ratio:1;background:#d9b56e2e;border-radius:50%;flex:1;max-width:14px;transition:background-color .2s,transform .25s cubic-bezier(.3,1.4,.4,1)}.ac-dots span[data-on=true]{background:#ecd197;transform:scale(1.1)}.ac-url{white-space:nowrap;letter-spacing:.03em;max-width:100%;font-size:14px;font-weight:700;display:flex;overflow:hidden}.ac-url span{opacity:.55}.ac-url b{text-overflow:ellipsis;color:#ecd197;overflow:hidden}.ac-foot{direction:ltr;justify-content:space-between;align-items:flex-end;display:flex}.ac-chip{opacity:.9;background:linear-gradient(135deg,#ecd197,#b98a45);border-radius:5px;width:30px;height:22px}.ac-ring{border:2px solid #d9b56e80;border-radius:50%;width:22px;height:22px}.ac-glint{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff4d680,#0000);width:40%;height:200%;position:absolute;top:-50%;left:-70%;transform:rotate(20deg)}.ac[data-state=success] .ac-glint{animation:1s ease-out su-glint}.ac[data-state=success] .ac-card{box-shadow:inset 0 0 0 2px #ecd197,0 0 40px -6px #ecd19799,0 28px 44px -24px #140c04e6}.ac[data-state=error] .ac-float{animation:.45s ac-no}.ac[data-state=error] .ac-card{box-shadow:inset 0 0 0 2px #d9534f,0 0 30px -8px #d9534f99,0 28px 44px -24px #140c04e6}@keyframes ac-no{20%{transform:translate(-8px)}45%{transform:translate(7px)}70%{transform:translate(-4px)}}.ac-ok{background:#0d0a078c;place-items:center;animation:.35s both su-fade;display:grid;position:absolute;inset:0}@keyframes su-fade{0%{opacity:0}}.ac-ok svg{fill:none;stroke:#ecd197;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}.ac-ok circle{stroke-dasharray:145;stroke-dashoffset:145px;animation:.55s ease-out forwards su-draw}.ac-ok path{stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s ease-out .4s forwards su-draw}.ac-shadow{background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;width:70%;height:16px;margin-top:8px}html[data-theme=light] .ac-shadow{background:radial-gradient(closest-side,#5c40164d,#0000)}@media (max-width:520px){.ac{width:230px}.ac-card{padding:13px 15px}.ac-num{gap:7px;font-size:16px}.su{gap:14px;padding-top:32px}}@media (prefers-reduced-motion:reduce){.ac *,.ac :after{transition:none!important;animation:none!important}.ac-card{transform:none}.ac-ok circle,.ac-ok path{stroke-dashoffset:0}}
