.account-page .account-page-main{width:min(100% - 32px,400px);max-width:none}.account-page .account-page-main:has(.client-auth-register){align-items:start;width:min(100% - 48px,1100px)}.client-auth-layout{width:100%}.client-auth-register{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:64px;margin-top:120px;display:grid}.client-auth-avatars h2{margin-bottom:32px;font-size:42px;font-weight:500}.client-auth-avatars p{font-size:14px}.client-auth-avatars p button,.client-auth-avatars a{color:#1976d2}.client-auth-avatars p button:hover,.client-auth-avatars a:hover{text-decoration:underline}.client-auth-avatar-list{gap:16px;margin-top:32px;display:flex}.client-auth-avatar-list button{filter:grayscale();border-radius:4px;width:56px;height:56px;transition:filter .3s,transform .3s}.client-auth-avatar-list button:hover,.client-auth-avatar-list button[aria-pressed=true]{filter:grayscale(0)}.client-auth-avatar-list button[aria-pressed=true]{transform:scale(1.1)}.client-auth-avatar-list img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.account-page .account-page-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.account-page:not(:has(.client-auth-register)) .client-auth-avatar-credit{display:none}.client-auth-avatar-credit{font-size:12px;font-weight:300}.client-auth-avatar-credit a{color:#1976d2}.client-auth-avatar-credit a:hover{text-decoration:underline}.account-page .account-card.client-auth-card{background:#fff8;border-color:#dedede;border-radius:8px;padding:24px;box-shadow:0 20px 25px -5px #0002,0 8px 10px -6px #0002}.client-auth-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(200px circle at var(--auth-pointer-x,-200px) var(--auth-pointer-y,-200px), #d9d9d955, transparent);transition:opacity .3s;position:absolute;inset:0}.client-auth-card:hover:before{opacity:.8}.client-auth-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(200px circle at var(--auth-pointer-x,-200px) var(--auth-pointer-y,-200px), #9e7aff, #fe8bbb, #ffffff1a 100%);padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.client-auth-card:hover:after{opacity:1}.client-auth-card>*{position:relative}.client-auth-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-card.client-auth-card h1{letter-spacing:normal;margin:0;font-size:18px;font-weight:500}.account-card.client-auth-card .account-intro{color:#888;margin-top:8px;font-size:12px;font-weight:300}.client-auth-logo,.client-auth-avatar-preview{border-radius:4px;flex:none;width:56px;height:56px}.client-auth-avatar-preview img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.client-auth-avatar-preview{transition:transform .3s}.client-auth-avatar-preview:hover{transform:scale(1.1)}.account-card.client-auth-card form{gap:16px;margin-top:32px}.account-card.client-auth-card label{gap:0}.account-card.client-auth-card input{color:#000;background:#fff;border:none;border-radius:6px;height:38px;box-shadow:0 1px 3px #0002}.account-card.client-auth-card input:focus{outline-offset:2px;box-shadow:none;outline:2px solid #a3a3a3}.account-card.client-auth-card input::placeholder{color:#a3a3a3}.account-card.client-auth-card .account-code-row{align-items:center;gap:16px}.account-card.client-auth-card .account-code-row button{background:0 0;border-color:#ddd;border-radius:6px;justify-content:center;align-items:center;min-width:96px;height:38px;font-weight:400;display:inline-flex}.account-card.client-auth-card .account-submit{color:#fff;background:linear-gradient(to bottom right,#1976d299,#1976d2);border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;margin:0;font-size:14px;font-weight:500;display:flex;position:relative;box-shadow:inset 0 1px #ffffff40,inset 0 -1px #ffffff40}.client-auth-button-glow{opacity:0;background:linear-gradient(90deg,#0000,#06b6d4,#0000);height:1px;transition:opacity .3s;position:absolute;bottom:-1px;left:0;right:0}.account-submit:hover .client-auth-button-glow{opacity:1}.client-auth-divider{background:linear-gradient(90deg,#0000,#d4d4d4,#0000);height:1px;margin:32px 0 24px}.client-auth-links{color:#666;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.client-auth-register .client-auth-links{justify-content:flex-end}.account-card.client-auth-card .account-login-switch{color:inherit;font-size:inherit;margin:0;font-weight:400}.client-auth-links a:hover,.client-auth-links button:hover{text-decoration:underline}.client-auth-avatar-list button:focus-visible{filter:grayscale(0);outline:none;transform:scale(1.1)}.client-auth-avatar-preview:focus-visible,.client-auth-avatars p button:focus-visible,.client-auth-links a:focus-visible{outline-offset:4px;outline:2px solid #1976d2}.client-auth-spinner{animation:1s linear infinite client-auth-spin}@keyframes client-auth-spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .account-page .client-auth-card{color:#e5e5e5;background:linear-gradient(90deg,#111e,#181818ee);border-color:#ffffff1a}:root[data-theme=dark] .client-auth-card:before{background:radial-gradient(200px circle at var(--auth-pointer-x,-200px) var(--auth-pointer-y,-200px), #26262688, transparent)}:root[data-theme=dark] .account-page .client-auth-card input{color:#fff;background:#27272a;box-shadow:0 0 1px 1px #404040}:root[data-theme=dark] .account-page .client-auth-card input:focus{box-shadow:none;outline-color:#525252}:root[data-theme=dark] .account-page .client-auth-card .account-code-row button{color:#ddd;background:0 0;border-color:#404040}:root[data-theme=dark] .account-page .client-auth-card .account-code-row button:hover:not(:disabled){background:#27272a}:root[data-theme=dark] .account-page .client-auth-card .account-submit{color:#fff;background:linear-gradient(to bottom right,#18181b,#18181b);box-shadow:inset 0 1px #27272a,inset 0 -1px #27272a}:root[data-theme=dark] .client-auth-divider{background:linear-gradient(90deg,#0000,#404040,#0000)}:root[data-theme=dark] .client-auth-links{color:#ccc}:root[data-theme=dark] .client-auth-avatars p button,:root[data-theme=dark] .client-auth-avatars a,:root[data-theme=dark] .client-auth-avatar-credit a{color:#64b5f6}@media (max-width:800px){.client-auth-register{grid-template-columns:minmax(0,1fr);gap:32px}.account-page .account-page-main:has(.client-auth-register){width:min(100% - 32px,400px)}.client-auth-avatars h2{margin-bottom:16px;font-size:32px}.client-auth-avatar-list{gap:12px;margin-top:20px}.client-auth-avatar-list button{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.client-auth-avatar-list button,.client-auth-avatar-preview,.client-auth-button-glow{transition:none}}