body.profile-avatar-open{overflow:hidden;touch-action:none}.profile-avatar-edit{position:relative;flex:0 0 auto}.profile-avatar-edit>.profile-avatar{display:grid;place-items:center;text-align:center;line-height:1}.profile-avatar-add{position:absolute;right:-8px;bottom:-8px;width:44px;height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;z-index:2}.profile-avatar-add span{width:26px;height:26px;border:3px solid #07111f;border-radius:50%;background:#2dd3d5;color:#06111f;display:grid;place-items:center;font:900 20px/1 Arial;box-shadow:0 2px 8px #0008}.profile-avatar-add:focus-visible span{outline:3px solid #fff;outline-offset:2px}.profile-avatar-add.is-saving span{font-size:0}.profile-avatar-add.is-saving span:after{content:"";width:12px;height:12px;border:2px solid #06111f55;border-top-color:#06111f;border-radius:50%;animation:profileAvatarSpin .8s linear infinite}.profile-camera-picker>div{display:grid;gap:5px}.profile-camera-picker>div>span{font-weight:700}.profile-camera-picker>div>small{color:var(--muted);line-height:1.4}
.profile-avatar-flow{position:fixed;inset:0;z-index:1400;color:#f5fbff;font-family:inherit}.profile-avatar-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#020a12b8}.profile-avatar-sheet{position:absolute;left:0;right:0;bottom:0;display:grid;gap:4px;padding:8px 16px calc(14px + env(safe-area-inset-bottom));border:1px solid #1e4761;border-bottom:0;border-radius:24px 24px 0 0;background:#081827;box-shadow:0 -18px 50px #0009}.profile-avatar-sheet>i{width:42px;height:4px;margin:0 auto 8px;border-radius:99px;background:#536b7c}.profile-avatar-sheet h2{margin:0 0 9px;text-align:center;font-size:19px}.profile-avatar-sheet>button:not(.profile-avatar-backdrop){min-height:54px;padding:0 10px;border:0;border-radius:14px;background:transparent;color:#f7fbff;display:grid;grid-template-columns:44px 1fr;align-items:center;text-align:left;font:700 16px/1.2 inherit}.profile-avatar-sheet>button:hover,.profile-avatar-sheet>button:focus-visible{background:#10283a}.profile-avatar-sheet>button b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0e3e4a;color:#4de3e5;font-size:23px}.profile-avatar-sheet>button.danger{color:#ff7380}.profile-avatar-sheet>button.danger b{background:#3a1720;color:#ff7380}.profile-avatar-sheet>button.cancel{display:block;margin-top:6px;text-align:center;border-top:1px solid #17384f;border-radius:0;color:#8fa9bc}.profile-avatar-sheet-error{margin:0 4px 8px;padding:10px 12px;border:1px solid #b64252;border-radius:12px;background:#2a1118;color:#ff9ca6;font-size:13px}
.profile-avatar-editor{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#061321}.profile-avatar-editor header{min-height:58px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid #16364c;background:#071725}.profile-avatar-editor header button{border:0;background:transparent;color:#39dadd;font-size:34px}.profile-avatar-editor header span{width:44px}.profile-avatar-editor main{overflow:auto;padding:14px 16px 18px}.profile-avatar-editor main>p:first-child{max-width:440px;margin:0 auto 14px;color:#9db7c9;text-align:center;font-size:13px}.profile-avatar-crop{position:relative;width:min(84vw,390px);aspect-ratio:1;margin:auto;overflow:hidden;border-radius:18px;background:#02070c;touch-action:none;box-shadow:0 0 0 1px #28536c}.profile-avatar-crop>img{position:absolute;left:50%;top:50%;max-width:none;user-select:none;pointer-events:none;will-change:transform}.profile-avatar-crop>span{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100vmax #020a12a8;outline:2px solid #46dfe1;outline-offset:-2px;pointer-events:none}.profile-avatar-zoom{max-width:440px;margin:15px auto 8px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;color:#a7becf;font-size:13px}.profile-avatar-zoom input{width:100%;accent-color:#2dd3d5}.profile-avatar-filters{max-width:440px;margin:12px auto 0;padding:0;border:0;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.profile-avatar-filters legend{position:absolute;clip:rect(0 0 0 0)}.profile-avatar-filters button{flex:0 0 64px;min-height:84px;padding:5px;border:1px solid transparent;border-radius:12px;background:transparent;color:#9db5c8}.profile-avatar-filters button[aria-pressed="true"]{border-color:#2dd3d5;color:#54e5e6;background:#0a2834}.profile-avatar-filters i{width:48px;height:48px;margin:auto;display:block;overflow:hidden;border-radius:50%;background:#102333}.profile-avatar-filters img{width:100%;height:100%;object-fit:cover}.profile-avatar-filters span{display:block;margin-top:5px;font-size:11px}.profile-avatar-status{min-height:20px;margin:12px 0 0;text-align:center;color:#9db7c9;font-size:13px}.profile-avatar-status.saving:before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;border:2px solid #2dd3d555;border-top-color:#2dd3d5;border-radius:50%;animation:profileAvatarSpin .8s linear infinite}.profile-avatar-status.error{color:#ff8490}.profile-avatar-editor footer{display:grid;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #17384e;background:#071725}.profile-avatar-editor footer button{min-height:48px;border:1px solid #2dd3d5;border-radius:14px;background:transparent;color:#49e0e2;font:800 15px/1 inherit}.profile-avatar-editor footer button.primary{background:linear-gradient(100deg,#29ced1,#26a7f3);border:0;color:#04111d}.profile-avatar-editor footer button:last-child{border-color:transparent;color:#8fa9bc}.profile-avatar-editor button:disabled{opacity:.55}
.profile-avatar-flow.is-confirm{display:grid;place-items:center;padding:20px;background:#020a12c9}.profile-avatar-confirm{width:min(100%,390px);padding:22px;border:1px solid #294a60;border-radius:20px;background:#091a29;box-shadow:0 20px 70px #000b}.profile-avatar-confirm h2{margin:0 0 8px;font-size:21px}.profile-avatar-confirm>p{color:#9fb7c9}.profile-avatar-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.profile-avatar-confirm button{min-height:48px;border:1px solid #2dd3d5;border-radius:13px;background:transparent;color:#4de0e2;font-weight:800}.profile-avatar-confirm button.danger{border-color:#ff5e70;background:#32131c;color:#ff8190}
@keyframes profileAvatarSpin{to{transform:rotate(360deg)}}@media(min-width:700px){.profile-avatar-sheet{left:50%;right:auto;width:min(440px,calc(100% - 32px));transform:translateX(-50%);bottom:18px;border-radius:24px}.profile-avatar-editor{width:min(520px,100%);margin:auto;border-inline:1px solid #17384e}.profile-avatar-editor footer{grid-template-columns:1fr 1fr}.profile-avatar-editor footer button.primary{grid-column:1/-1}}