.desktop .app-window{margin:16px auto;min-height:calc(100dvh - 32px);overflow:clip}.desktop aside{position:sticky;top:16px;height:calc(100dvh - 32px)}.sidebar-profile{margin-top:auto;display:flex;justify-content:flex-end;padding:22px 12px 2px}.profile-menu{position:relative}.profile-menu summary{list-style:none;cursor:pointer;border-radius:50%;padding:0}.profile-menu summary::-webkit-details-marker{display:none}.profile-avatar{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#b586f7,#6a3bb2);color:white;font-size:20px;font-weight:600;box-shadow:0 3px 12px #6a3bb220;border:2px solid #fff}.profile-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-verified{position:absolute;bottom:-3px;right:-5px;width:17px;height:17px;border-radius:50%;background:#fff;display:grid;place-items:center}.profile-verified svg{width:16px;height:16px}.profile-verified path:first-child{fill:#3b82f6}.profile-verified path:last-child{fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profile-popover{position:absolute;bottom:calc(100% + 12px);right:-5px;width:190px;background:#fffefa;border:1px solid #e6dfef;border-radius:14px;box-shadow:0 12px 35px #33204325;padding:14px;z-index:30}.profile-popover>strong,.profile-popover>small{display:block;padding:0 7px}.profile-popover>small{font-size:10px;margin:3px 0 12px;color:#8a7c98}.profile-popover>a,.profile-popover button{display:block;width:100%;text-align:left;padding:10px 7px;background:none;color:#635373;border:0;box-shadow:none;border-radius:7px;font-size:12px;font-weight:400;text-decoration:none}.profile-popover form{margin:0}.profile-popover a:hover,.profile-popover button:hover{background:#f1eafb}.profile-editor{max-width:520px;margin:20px auto;padding:30px;border-radius:18px;background:#fffefa}.profile-preview{width:100px;height:100px;margin:24px 0;display:grid;place-items:center;background:#ede1fa;color:#8751c8;border-radius:50%;font-size:40px}.profile-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-editor p{font-size:13px;color:#84748f}.profile-editor form{margin:25px 0}.profile-editor input[type=checkbox]{width:auto}.profile-editor form>small{display:block;margin-bottom:16px}.profile-editor a{font-size:12px}@media(max-width:700px){.desktop .app-window{margin:10px;min-height:calc(100dvh - 20px)}.desktop aside{position:relative;top:0;height:auto}.sidebar-profile{padding:14px 5px 0}.profile-avatar{width:40px;height:40px;font-size:17px}.profile-editor{padding:20px}.profile-popover{bottom:calc(100% + 8px)}}

.sidebar-profile{justify-content:flex-start;padding-left:0}.profile-popover{left:0;right:auto}.profile-photo-picker{display:block;position:relative;width:100px;cursor:pointer;margin:24px 0 12px}.profile-photo-picker .profile-preview{margin:0}.photo-add{position:absolute;bottom:0;right:0;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#9146ff;border:3px solid #fff;color:white;font-size:24px}.photo-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.profile-photo-picker:has(+.photo-file-input input:focus-visible){outline:3px solid #9146ff}.family-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #eee}.family-row form{margin:0}.family-row small{display:block}.family-editor{max-width:700px}.family-editor select{width:100%}.family-editor input[type=checkbox]{width:auto}

.profile-identity{display:flex;align-items:center;gap:20px;margin:24px 0 14px}.profile-identity .profile-photo-picker{flex:0 0 100px;margin:0}.photo-add{box-sizing:border-box;padding:0;line-height:1}.photo-add svg{display:block;width:18px;height:18px;margin:0}.profile-identity-name{min-width:0}.profile-identity-name strong{display:block;font-size:20px;line-height:1.3;color:#44334f;overflow-wrap:anywhere}.profile-identity-name small{display:block;margin-top:6px;font-size:12px;color:#8a7c98;overflow-wrap:anywhere}

.sidebar-profile .profile-menu{width:100%}.sidebar-profile .profile-menu summary{display:flex;align-items:center;gap:10px;border-radius:10px}.sidebar-profile .profile-avatar{flex-shrink:0}.sidebar-profile-name{min-width:0;text-align:left}.sidebar-profile-name strong{display:block;font-size:13px;font-weight:600;line-height:1.35;color:#44334f;overflow-wrap:anywhere}.sidebar-profile-name small{display:block;font-size:11px;line-height:1.4;margin-top:3px;color:#8a7c98;overflow-wrap:anywhere}