.profiles-preview{width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:clamp(22px,4vw,50px);border:1px solid #ffffff20;border-radius:24px;background:#101115;color:#f5f5f7;box-shadow:0 25px 90px #0008}
#change-account::before,#change-account::after{display:none!important}#change-account{display:grid;place-items:center;width:48px;min-width:48px;height:48px;padding:0;line-height:1}
.profiles-preview::backdrop{background:#000b}.profiles-preview h2{font-size:clamp(26px,4vw,38px);line-height:1.16;margin:20px 45px 24px 0;overflow-wrap:anywhere}.profiles-preview-close{position:absolute;right:16px;top:16px;width:48px;height:48px;padding:0;background:transparent;border:0;font-size:30px;display:grid;place-items:center}.profile-preview-note{font-size:12px;color:#f2a3b0;margin:0 44px 0 0}.profile-preview-help{max-width:65ch;line-height:1.5;color:#b7bbc4;font-size:14px;overflow-wrap:anywhere}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:18px;align-items:start;margin:32px 0;max-width:800px}.profile-choice{display:grid;justify-items:center;gap:12px;border:0;background:transparent;padding:8px;min-width:0;color:inherit}.profile-name{max-width:100%;overflow-wrap:anywhere;line-height:1.3;font-size:15px}.profile-avatar{position:relative;display:grid;place-items:center;width:96px;aspect-ratio:1;border-radius:18px;background:#29303a;overflow:hidden;flex:none;font-size:34px}.profile-avatar[data-avatar=sunrise]{background:linear-gradient(140deg,#813034,#e9944c)}.profile-avatar[data-avatar=sunrise]::before{content:'';width:55%;height:65%;background:#ffda9c;clip-path:polygon(50% 5%,100% 100%,0 100%);transform:rotate(-12deg)}.profile-avatar[data-avatar=moon]{background:linear-gradient(130deg,#443f87,#9f81de)}.profile-avatar[data-avatar=moon]::before{content:'';width:60%;height:60%;border-radius:50%;background:#d6c9ff;box-shadow:18px -15px 0 -7px #6851a3}.profile-avatar[data-avatar=stripes]{background:repeating-linear-gradient(-25deg,#56263f 0 13px,#ef87a3 14px 24px)}.profile-avatar[data-avatar=orbit]{background:#256e62}.profile-avatar[data-avatar=orbit]::before{content:'';width:48%;height:48%;border:10px solid #9ce4bf;border-radius:50%}.profile-choice[aria-pressed=true] .profile-avatar,.profile-avatar-option[aria-pressed=true]{outline:3px solid #f31545;outline-offset:4px}.profile-add .profile-avatar{border:1px dashed #ffffff40;color:#c5c9d2}.profile-preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.profiles-preview button{min-height:48px;min-width:44px;white-space:normal}.profiles-preview button:focus-visible{outline:2px solid #fff;outline-offset:4px}.profile-account-menu{display:grid;gap:8px;max-width:500px}.profile-account-menu button{text-align:left;border:0;border-radius:10px;background:#ffffff08;padding:12px 16px}.profiles-preview button:disabled{opacity:.5;cursor:default}.profile-preview-primary{background:#ed073a;border:0;color:white}.profile-preview-remove{color:#ff9bad;background:#6a20342b}.profile-preview-form{max-width:580px}.profile-preview-form>label{display:block;margin:24px 0 8px}.profile-preview-form input{width:100%;min-height:48px;font:inherit;background:#1a1e26;border:1px solid #ffffff30;border-radius:10px;padding:12px;color:inherit}.profile-preview-error{color:#ff9bad;min-height:1.2em;font-size:14px}.profile-avatar-choices{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 28px}.profile-avatar-option{padding:4px;border:0;border-radius:14px;background:transparent}.profile-avatar-option .profile-avatar{width:64px;border-radius:12px}.profile-future{display:grid;gap:6px}.profile-future button{text-align:left;padding:10px 0;background:transparent;border:0;font-size:13px}.profile-preview-actions button{padding:10px 18px;border-radius:10px}.profile-account-avatar{display:block;width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#a83550,#f3a457);position:relative}.profile-account-avatar::after{content:'';position:absolute;inset:5px 8px;background:#ffe3b9;clip-path:polygon(50% 0,100% 100%,0 100%)}
@media(max-width:600px){.profiles-preview{width:calc(100vw - 16px);max-height:calc(var(--mobile-visual-height,100dvh) - 24px);padding:24px 20px;border-radius:20px}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-avatar{width:100px}.profile-preview-actions>*{flex:1 1 auto}.profiles-preview h2{font-size:28px}}
@media(min-width:1800px){.profiles-preview{width:1100px;padding:60px}.profile-avatar{width:128px}.profiles-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:100%}.profile-choice{gap:18px}.profile-name{font-size:20px}}
.profiles-preview :is(.profile-choice,.profile-avatar-option){box-shadow:none}
@media(hover:hover) and (any-pointer:fine){body[data-input-modality=mouse] .profile-choice:hover .profile-avatar{opacity:.88}}
@media(prefers-reduced-motion:no-preference){.profile-choice .profile-avatar{transition:opacity 140ms ease,outline-color 140ms ease}}