.aw-account-main{--aw-account-gutter: clamp(.75rem, 2.2vw, 2rem);flex:1 1 auto;min-inline-size:0;inline-size:100%;padding:1rem var(--aw-account-gutter) clamp(3rem,7vw,5.5rem);color:hsl(var(--foreground))}.aw-account-main>:where(.aw-page-breadcrumb,.aw-account-intro,.aw-account-stage){inline-size:100%;margin-inline:auto}.aw-account-main .aw-account-intro{display:block;padding:clamp(1.15rem,2.5vw,1.8rem)}.aw-account-main .aw-account-eyebrow{display:flex;align-items:center;gap:.55rem;margin:0 0 .45rem;color:hsl(var(--primary));font-size:.7rem;font-weight:800;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}[dir=rtl] .aw-account-main :where(.aw-account-eyebrow,#aw-account-title){letter-spacing:normal}.aw-account-main .aw-account-eyebrow:before{content:"";flex:0 0 1.6rem;block-size:2px;border-radius:999px;background:hsl(var(--primary))}.aw-account-main #aw-account-title{margin:0;color:hsl(var(--foreground));font-size:clamp(2rem,3.5vw,3.25rem);font-weight:780;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}.aw-account-main .aw-account-intro-text{max-inline-size:72ch;margin:.65rem 0 0;color:hsl(var(--muted-foreground));font-size:clamp(.89rem,1.2vw,.98rem);line-height:1.62;text-wrap:pretty}@media(max-width:640px){.aw-account-main{--aw-account-gutter: .75rem;padding-block-start:.7rem}.aw-account-main .aw-page-breadcrumb{margin-block-end:.3rem}.aw-account-main .aw-account-intro{padding:1rem}.aw-account-main #aw-account-title{font-size:clamp(1.75rem,8.8vw,2.35rem)}}.aw-account-stage{inline-size:100%;display:grid;gap:clamp(16px,2vw,24px);margin-block-start:clamp(16px,2vw,24px)}.aw-account-columns{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:0;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.92fr);align-items:stretch;border:1px solid hsl(var(--border) / .76);border-radius:var(--radius);background:hsl(var(--card));box-shadow:inset 0 1px hsl(var(--foreground) / .04)}.aw-account-columns:before{content:"";position:absolute;z-index:2;inset-block:0;inset-inline-start:0;inline-size:3px;background:hsl(var(--primary));pointer-events:none}.aw-account-columns:after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 14% 0%,hsl(var(--primary) / .1),transparent 34%),linear-gradient(180deg,hsl(var(--foreground) / .025),transparent 32%);pointer-events:none}[dir=rtl] .aw-account-columns:after{background:radial-gradient(circle at 86% 0%,hsl(var(--primary) / .1),transparent 34%),linear-gradient(180deg,hsl(var(--foreground) / .025),transparent 32%)}@media(max-width:900px){.aw-account-columns{grid-template-columns:minmax(0,1fr)}}.aw-account-panel{position:relative;z-index:1;inline-size:100%;display:grid;align-content:center;gap:0;min-block-size:clamp(17rem,25vw,20rem);padding:clamp(1.4rem,3vw,2.5rem)}.aw-account-panel--aside{border-inline-start:1px solid hsl(var(--border) / .7);background:hsl(var(--secondary) / .12)}.aw-account-panel h2{margin:0;color:hsl(var(--foreground));font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:820;letter-spacing:-.025em;line-height:1.16;text-wrap:balance}.aw-account-panel p{margin:.8rem 0 0;color:hsl(var(--muted-foreground));max-inline-size:62ch;font-size:.91rem;line-height:1.68;text-wrap:pretty}[dir=rtl] .aw-account-panel h2{letter-spacing:normal}.aw-account-page .aw-account-panel>.aw-auth-kicker{display:inline-flex;align-items:center;gap:.7rem;inline-size:fit-content;margin:0 0 1.15rem;color:hsl(var(--primary));font-size:.7rem;font-weight:850;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}[dir=rtl] .aw-account-page .aw-account-panel>.aw-auth-kicker{letter-spacing:normal}.aw-account-page .aw-account-panel>.aw-auth-kicker:before{content:"";flex:0 0 2rem;inline-size:2rem;block-size:2rem;border:1px solid hsl(var(--primary) / .34);border-radius:50%;background:hsl(var(--secondary) / .4) url(/images/logo/wuthering-waves-logo-96.webp?v=20260722-logo3) center / cover no-repeat;box-shadow:0 0 0 3px hsl(var(--primary) / .08);opacity:1}.aw-account-feature-list{margin:1rem 0 0;padding:0;display:grid;list-style:none;border-block-start:1px solid hsl(var(--border) / .58)}.aw-account-feature-list li{display:grid;grid-template-columns:.9rem minmax(0,1fr);align-items:start;gap:.65rem;padding-block:.75rem;border-block-end:1px solid hsl(var(--border) / .58);color:hsl(var(--foreground) / .76);font-size:.86rem;line-height:1.5}.aw-account-feature-list li:before{content:"";inline-size:.7rem;block-size:.7rem;margin-block-start:.28rem;background:linear-gradient(hsl(var(--primary)),hsl(var(--primary))) 0 0 / 3px 3px no-repeat,linear-gradient(hsl(var(--primary) / .52),hsl(var(--primary) / .52)) 100% 0 / 3px 3px no-repeat,linear-gradient(hsl(var(--primary) / .52),hsl(var(--primary) / .52)) 0 100% / 3px 3px no-repeat,linear-gradient(hsl(var(--primary)),hsl(var(--primary))) 100% 100% / 3px 3px no-repeat}.aw-account-boot-note{margin:0;font-size:14px;color:hsl(var(--muted-foreground))}.aw-account-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block-start:1.35rem}.aw-account-btn{min-block-size:44px;min-inline-size:44px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.68rem .9rem;border:1px solid hsl(var(--border) / .78);border-radius:var(--radius);background:hsl(var(--secondary) / .46);color:hsl(var(--foreground));box-shadow:inset 0 1px hsl(var(--foreground) / .05);font:inherit;font-size:.82rem;font-weight:800;line-height:1.25;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.aw-account-btn:hover{background:hsl(var(--secondary) / .72);border-color:hsl(var(--primary) / .55);box-shadow:inset 0 1px hsl(var(--foreground) / .08),0 8px 18px hsl(var(--background) / .2)}.aw-account-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.aw-account-btn:active{transform:translateY(1px)}.aw-account-btn[disabled],.aw-account-btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}.aw-account-btn--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent}.aw-account-btn--primary:hover{background:color-mix(in srgb,hsl(var(--primary)) 90%,hsl(var(--foreground)));color:hsl(var(--primary-foreground))}@media(max-width:900px){.aw-account-panel{min-block-size:auto}.aw-account-panel--aside{border-block-start:1px solid hsl(var(--border) / .7);border-inline-start:0}}@media(max-width:640px){.aw-account-panel{padding:1.25rem 1.15rem}.aw-account-actions{display:grid;grid-template-columns:minmax(0,1fr)}.aw-account-btn{inline-size:100%}}@media(prefers-reduced-motion:reduce){.aw-account-btn{transition:none}.aw-account-btn:active{transform:none}}@media(forced-colors:active){.aw-account-btn{border-color:ButtonText}.aw-account-btn:focus-visible{outline-color:Highlight}}.aw-account-page :where(.aw-auth-button,.aw-custom-avatar-button){min-block-size:44px}.aw-account-page [data-aw-operation-control]{position:relative}.aw-account-page [data-aw-operation-control][data-aw-operation-state=blocked]{opacity:.56}.aw-account-page [data-aw-operation-control].is-operation-pending{cursor:progress}.aw-account-page [data-aw-operation-control].is-operation-error{border-style:dashed}.aw-account-page .aw-account-operation-status{margin:0;color:hsl(var(--destructive, 0 72% 58%));font-size:.76rem;font-weight:680;line-height:1.45;text-wrap:pretty}.aw-account-page .aw-account-operation-status[hidden]{display:none}.aw-account-page .aw-custom-avatar-input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.aw-account-page .aw-custom-avatar-button{font:inherit}.aw-account-page .aw-dot-action.is-operation-pending .aw-dot-button__shape:not(.aw-dot-button__shape--active) .aw-dot-button__dot{scale:0}.aw-account-page .aw-dot-action.is-operation-pending .aw-dot-button__shape--active .aw-dot-button__dot{scale:1;animation:aw-account-operation-dot .92s ease-in-out infinite alternate;animation-delay:calc(var(--aw-dot-order) * 45ms)}.aw-account-page [data-aw-operation-control].is-operation-pending:not(.aw-dot-action):after{content:"";position:absolute;inset-block-start:7px;inset-inline-end:7px;inline-size:4px;block-size:4px;border-radius:1px;background:currentColor;box-shadow:7px 0 currentColor,0 7px currentColor,7px 7px currentColor;animation:aw-account-operation-dot .78s ease-in-out infinite alternate;pointer-events:none}@keyframes aw-account-operation-dot{0%{opacity:.36;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.aw-account-page .aw-dot-action.is-operation-pending .aw-dot-button__shape--active .aw-dot-button__dot,.aw-account-page [data-aw-operation-control].is-operation-pending:not(.aw-dot-action):after{animation:none;opacity:1;transform:none}}@media(forced-colors:active){.aw-account-page [data-aw-operation-control].is-operation-error{outline:2px dashed Highlight;outline-offset:2px}.aw-account-page .aw-account-operation-status{color:Mark}}.aw-account-page .aw-toast-region{position:fixed;right:auto;inset-inline-end:18px;inset-block-end:max(18px,env(safe-area-inset-bottom,0px));z-index:13000;inline-size:min(380px,calc(100vw - 36px));display:grid;gap:8px;pointer-events:none}.aw-account-page .aw-toast-region:empty{display:none}.aw-account-page .aw-auth-page-shell,.aw-account-page .aw-auth-profile-wrapper{inline-size:100%;max-inline-size:none;margin-inline:0}.aw-account-page .aw-auth-panel{border-radius:var(--radius)}
